Set a fixed width for menu and panel so the width doesn't depend on content so much

diff --git a/public/trivabble.css b/public/trivabble.css
index 7b297cd02a34f33681e2d5146dcb4ea35acb11ba..bec1470580268206b3defe7f1fee91e13de6aeec 100644 (file)
--- a/public/trivabble.css
+++ b/public/trivabble.css
@@ -162,20 +162,14 @@ body {
     justify-content:safe center;
 }
 
-@media (max-width: 940px) {
-    body {
-        justify-content:start;
-    }
-}
-
 #menu, #panel {
     display:-webkit-flex;
     display:flex;
     -webkit-flex-direction:column;
     flex-direction:column;
+    width:15em;
 }
 
-
 button, select {
     border-radius: 2px;
 }
@@ -548,6 +542,12 @@ td.blink {
     }
 }
 
+@media (max-width: 940px) {
+    body {
+        justify-content:start;
+    }
+}
+
 #modal-settings-dialog p {
     margin:0;
     padding:0;