More tweaks to UI

static/style.css

@@ -1,14 +1,20 @@
+h1, h2, h3, h4 {
+    margin: 0;
+}
+
 .admin {
     color: red;
 }
 
 #article_browser {
+    height: 90vh;
+
     display: grid;
     grid-template-areas: ". up ."
     "before focused after"
     ". down .";
-    grid-template-columns: 1fr auto 1fr;
-    grid-template-rows: 1fr auto 1fr;
+    grid-template-columns: 1fr 3fr 1fr;
+    grid-template-rows: 1fr 3fr 1fr;
 }
 
 #article_browser .focused {
@@ -16,22 +22,29 @@
 
     align-self: center;
     justify-self: center;
-    padding: 3em;
+    padding: 1em;
+
+    overflow: scroll;
+    height: 100%;
 }
 #article_browser .up {
     grid-area: up;
+    overflow: scroll;
 }
 #article_browser .before {
     grid-area: before;
+    align-self: center;
 }
 #article_browser .after {
     grid-area: after;
+    align-self: center;
 }
 #article_browser .down {
     grid-area: down;
+    overflow: scroll;
 }
 
-#article-browser ul {
+#article_browser :not(.focused) ul {
     list-style: none;
     margin-block-start: 0;
 }