Display game context info in sidebar during play

1 files changed, 7 insertions, 17 deletions

diff --git a/webapp/src/default.css b/webapp/src/default.css
index 0345118..6240fa8 100644
--- a/webapp/src/default.css
+++ b/webapp/src/default.css
@@ -22,18 +22,18 @@ body {
 
 .game-layout {
     display: grid;
-    grid-template-areas: "north north north nav"
-                         "west center east nav"
-                         "south south south nav";
+    grid-template-areas: "north north north sidebar"
+                         "west center east sidebar"
+                         "south south south sidebar";
     grid-template-rows: 10vw minmax(200px, 1fr) 10vw;
-    grid-template-columns: 10vw 1fr 10vw 10vw;
+    grid-template-columns: 10vw 1fr 10vw 20vw;
     width: 100vw;
     height: 100vh;
 }
 
 .playing-center-layout {
     display: grid;
-    grid-template-areas: "current-trick previous-trick";
+    grid-template-areas: "current-trick";
     grid-template-rows: 1fr;
     grid-template-columns: 3fr 1fr;
 }
@@ -42,10 +42,6 @@ body {
     grid-area: current-trick;
 }
 
-.previous-trick {
-    grid-area: previous-trick;
-}
-
 .trick-layout {
     display: grid;
     grid-template-areas: ". top ."
@@ -79,18 +75,12 @@ button {
   cursor: pointer;
 }
 
-.nav {
-    grid-area: nav;
+.sidebar {
+    grid-area: sidebar;
     display: grid;
-    background-color: #ccc;
     align-content: start;
 }
 
-.nav p, .nav div {
-    background-color: #edc;
-    margin-bottom: 1vw;
-}
-
 .west {
     grid-area: west;
     /* transform: rotate(90deg); */