Add table navigation bar

1 files changed, 15 insertions, 3 deletions

diff --git a/webapp/src/default.css b/webapp/src/default.css
index 6240fa8..acb8356 100644
--- a/webapp/src/default.css
+++ b/webapp/src/default.css
@@ -22,15 +22,27 @@ body {
 
 .game-layout {
     display: grid;
-    grid-template-areas: "north north north sidebar"
+    grid-template-areas:
+                         "navbar navbar navbar navbar"
+                         "north north north sidebar"
                          "west center east sidebar"
                          "south south south sidebar";
-    grid-template-rows: 10vw minmax(200px, 1fr) 10vw;
+    grid-template-rows: 5vw 10vw minmax(200px, 1fr) 10vw;
     grid-template-columns: 10vw 1fr 10vw 20vw;
-    width: 100vw;
+    width: 100%;
     height: 100vh;
 }
 
+.navbar {
+    grid-area: navbar;
+    background: #eef;
+}
+
+.navbar li {
+    display: inline;
+    padding-right: 0.5em;
+}
+
 .playing-center-layout {
     display: grid;
     grid-template-areas: "current-trick";