Updated CSS styling and tweaked layout

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;
@@ -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 {
+    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;
 }

flaskr/templates/writing.html

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