From 8863361eb3e88107ce5d47f476b3477c1b9fb05a Mon Sep 17 00:00:00 2001
From: Ben Kyd <benjaminkyd@gmail.com>
Date: Sun, 4 Apr 2021 16:31:00 +0100
Subject: [PATCH] im'fed up' with windows, installing linux rn

---
 client/public/main.css            |  8 --------
 client/public/scrabble/game.css   | 15 ++++++++++++++-
 client/public/scrabble/index.html | 14 +++++++++++---
 3 files changed, 25 insertions(+), 12 deletions(-)

diff --git a/client/public/main.css b/client/public/main.css
index b9889e3..56ba259 100644
--- a/client/public/main.css
+++ b/client/public/main.css
@@ -37,14 +37,6 @@ body {
     border: 1px black;
 }
 
-.navleft {
-    display: flex;
-    padding-left: 2vw;
-    
-    flex-grow: 1;
-    order: 0;
-}
-
 #lang {
     position: inherit;
     text-align: right;
diff --git a/client/public/scrabble/game.css b/client/public/scrabble/game.css
index efba797..c6563b7 100644
--- a/client/public/scrabble/game.css
+++ b/client/public/scrabble/game.css
@@ -26,6 +26,7 @@ nopiece {
     display: flex;
     position: absolute;
 
+    cursor: pointer;
     background: none;
 
     width: 80px;
@@ -50,6 +51,7 @@ score {
     width: 40px;
     height: 40px;
     font-size: 25px;
+    cursor: pointer;
 }
 
 #container {
@@ -59,7 +61,18 @@ score {
     justify-content: center;
 }
 
-#game-info {
+#game-info-left {
+    border: 1px dotted black;
+    
+    display: flex;
+    flex-grow: 1;
+    order: -1;
+
+    height: 600px;
+    /* width: 200px; */
+}
+
+#game-info-right {
     border: 1px dotted black;
     
     display: flex;
diff --git a/client/public/scrabble/index.html b/client/public/scrabble/index.html
index d308505..f858741 100644
--- a/client/public/scrabble/index.html
+++ b/client/public/scrabble/index.html
@@ -14,7 +14,8 @@
         
     <div id="container">
 
-    <div id="game-chat">
+    <div id="game-info-left">
+
     </div>
 
     <div id="game-container">
@@ -392,9 +393,16 @@
 
     </div>
 
-    <div id="game-info">
+    <div id="game-info-right">
         <div id="player-scores">
-            <div></div>    
+            <div id="p1" class="player">
+                <div id="p1-name" class="player-name">Jerry</div>
+                <div id="p1-score" class="player-score">12</div>
+            </div>
+            <div id="p1" class="player">
+                <div id="p1-name" class="player-name">CPU</div>
+                <div id="p1-score" class="player-score">102</div>
+            </div>
         </div>
 
     </div>