From 3418ebf4db2375e0dfe2343da57d674e1f4fd57f Mon Sep 17 00:00:00 2001
From: Kjetil Orbekk <kj@orbekk.com>
Date: Mon, 26 Dec 2022 23:11:11 -0500
Subject: Add table navigation bar

---
 webapp/src/default.css | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

(limited to 'webapp/src/default.css')

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";
-- 
cgit v1.2.3