main layout improvements - whole thing is now limited to 1100px wide (again)

2025-12-29 11:40:01 +01:00 · 2017-09-24 20:22:07 -04:00
parent 55667d052f
commit 08064b181d
2 changed files with 60 additions and 57 deletions
--- a/static/style.css
+++ b/static/style.css
@@ -1,15 +1,17 @@
-body {
-    display: grid;
+#container {
+    max-width: 1100px;
+    margin: 0 auto; /* center */
    height: 100vh;
-    grid-template-areas: "messages messages"
-                         "search title"
+
+    display: grid;
+    grid-template-areas: "search title"
                         "tree-buttons note-content"
                         "tree note-content";
-    grid-template-columns: 1fr 3fr;
+    grid-template-columns: 2fr 5fr;
    grid-template-rows: auto
-                        auto
                        auto
                        1fr;
+    justify-content: center;
    grid-gap: 10px;
 }