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