Update main.scss

static/css/_article.scss

@@ -64,7 +64,7 @@ main header.article {
 }
 
 main .article-info {
- 	margin: 0 auto 3em;
+ 	margin: 0 auto 2em;
  	font-size: 0.95em;
  	font-weight: 400;
 
@@ -76,7 +76,7 @@ main .article-info {
 // The article itself
 main article {
   max-width: $article-width;
- 	margin: 2.5em auto;
+ 	margin: 1.5em auto;
  	font-family: $lora;
  	font-size: 1.2em;
  	line-height: 1.7;
@@ -87,7 +87,7 @@ main article {
 
  	img {
    	display: block;
-   	margin: 3em auto;
+   	margin: 2em auto;
    	max-width: 100%;
   }
 
@@ -118,7 +118,7 @@ main .article-meta {
   }
 
   > .banner {
-    margin: 3em 0;
+    margin: 2em 0;
     & > * {
       margin: $margin;
     }
@@ -370,6 +370,7 @@ main .article-meta {
     background: transparent;
     align-items: center;
     justify-content: space-between;
+    resize: auto;
     button {
       flex: 0 0 10em;
       font-size: 1.25em;

static/css/_forms.scss

@@ -24,13 +24,13 @@ input, textarea, select {
  	}
 }
 form input[type="submit"] {
- margin: 2em auto;
+ margin: 1.5em auto;
  -webkit-appearance: none;
 }
 
 textarea {
  	resize: vertical;
-
+   overflow-y: scroll;
  	font-family: $lora;
  	font-size: 1.1em;
  	line-height: 1.5;
@@ -127,8 +127,8 @@ form.new-post {
   }
   textarea {
    	min-height: 20em;
-   	overflow-y: hidden;
-   	resize: none;
+   	overflow-y: scroll;
+   	resize: vertical;
    -webkit-appearance: textarea;
   }
 }

static/css/main.scss

@@ -44,6 +44,7 @@ html {
       display: none;
       appearance: none;
       text-align: center;
+      overflow-y: scroll;
       z-index: 20;
     }
   }
@@ -108,13 +109,13 @@ html {
 
   main .article-meta {
     > *, .comments {
-      margin: 0 5%;
+      margin: 0 3%;
     }
     > p {
-      margin: 2em 5%;
+      margin: 1em 3%;
       font-size: 0.9em;
     }
-    .comments > * { margin: auto 5%; }
+    .comments > * { margin: auto 3%; }
     .comments .comment { padding: 2em 0px; }
   }
   main .article-info, main article, main h1.article, main h2.article {
@@ -127,7 +128,7 @@ html {
   }
 
   .tabs {
-    margin: auto 0px 2em;
+    margin: auto 0px 1em;
   }
 
   .stats { flex-direction: column; }