From 3cac865e0bf1e5d7b6a5b37ff64fa08e66880eb8 Mon Sep 17 00:00:00 2001
From: Kjetil Orbekk <kj@orbekk.com>
Date: Mon, 26 Dec 2022 22:19:34 -0500
Subject: Display game context info in sidebar during play

---
 webapp/src/default.css | 24 +++++++-----------------
 1 file changed, 7 insertions(+), 17 deletions(-)

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

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); */
-- 
cgit v1.2.3