sage
/
UnderCover
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Updated CSS styling and tweaked layout

This commit is contained in:
Sage Vaillancourt 2021-07-28 22:04:24 -04:00
parent b591532ae8
commit 0d65f2d6cf
3 changed files with 28 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
flaskr/static/styles.css
View File

@ -3,8 +3,6 @@ html {
} }
body { body {
min-height: 90%;
text-size: 150%;
line-height: 200%; line-height: 200%;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
@ -16,8 +14,8 @@ body {
/* Small screens */ /* Small screens */
@media only screen and (max-width: 1080px) { @media only screen and (max-width: 1080px) {
body { body {
width: 95vw; width: 95vw;
font-size: 200%; font-size: 200%;
} }
h1 { h1 {
font-size: 400%; font-size: 400%;
@ -26,7 +24,7 @@ body {
font-size: 300%; font-size: 300%;
line-height: 100%; line-height: 100%;
margin-top: 0; margin-top: 0;
margin-bottom: 0; margin-bottom: 0.5em;
} }
label { label {
font-size: 150%; font-size: 150%;
@ -36,7 +34,7 @@ body {
width: 100%; width: 100%;
} }
form { form {
width: 90%; width: 100%;
} }
dd { dd {
margin-bottom: 2em; margin-bottom: 2em;
@ -54,19 +52,26 @@ body {
/* Big screens */ /* Big screens */
@media only screen and (min-width: 1081px) { @media only screen and (min-width: 1081px) {
body { body {
width: 40vw; min-height: 98%;
width: 40vw;
} }
h1 { h1 {
font-size: 3em; font-size: 300%;
margin-bottom: 0;
} }
.content, .ret { input, textarea {
font-size: 1.2em; margin-bottom: 0.5em;
font-size: 105%;
font-family: sans;
} }
img, small { dd {
width: 30vw; margin-left: 0;
} }
small { dt {
font-size: 100%; margin-left: 0.5em;
}
dl {
margin-top: 0;
} }
#closingtext { #closingtext {
width: 50%; width: 50%;
@ -91,6 +96,7 @@ dd {
textarea { textarea {
flex-grow: 1; flex-grow: 1;
padding: 0.5em;
} }
.bigtext { .bigtext {
@ -101,6 +107,11 @@ textarea {
color: #a40f0f; color: #a40f0f;
} }
.submit {
margin-left: auto;
padding: 0.5em 1em 0.5em 1em;
}
#body { #body {
flex-grow: 1; flex-grow: 1;
} }

4
flaskr/templates/writing.html
View File

@ -80,11 +80,11 @@
</div> </div>
{% endif %} {% endif %}
<p><input type=submit value="Submit" <input class=submit type=submit value="Submit"
{% if errors %} {% if errors %}
onclick="var e = document.getElementById('errors'); e.parentNode.removeChild(e);" onclick="var e = document.getElementById('errors'); e.parentNode.removeChild(e);"
{% endif %} {% endif %}
></p> >
</form> </form>
</body> </body>

2
writing.py
View File

@ -35,7 +35,7 @@ class CLForm(Form):
default="I look forward to hearing from you" default="I look forward to hearing from you"
) )
body_string = ("My name is {\\username}. I would like to work as " body_string = ("My name is {\\username}. I would like to work as "
"{\\jobandpronoun} with your company. I think my {\\skilltypes} knowledge " "{\\jobandpronoun} with your company. I think my {\\skilltypes} knowledge "
"of {\\myskills} can contribute a lot to your team.\n\n" "of {\\myskills} can contribute a lot to your team.\n\n"