From 50c3db868fc02ae912763ad55e423a05d7fbf5a8 Mon Sep 17 00:00:00 2001
From: Alec <alecmills34@gmail.com>
Date: Wed, 9 Sep 2020 18:25:18 -0500
Subject: [PATCH] edited ship buttons and board #3

---
 .DS_Store                            | Bin 6148 -> 8196 bytes
 src/components/TopLevel.component.js |   8 ++------
 src/style/components.css             |  14 ++++++++++++--
 3 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/.DS_Store b/.DS_Store
index c62eebc9bb680b2add0608f3b1770e1d443a4956..615406a2fec96145068cd6b84ced8a17ad3503fa 100644
GIT binary patch
delta 176
zcmZoMXmOBWU|?W$DortDU;r^WfEYvza8E20o2aMA$h9$GH}hr%jz7$c**Q2SHn1>q
zZRTMqVrFM%C}t>PNS<84a+4Lz+U&=Agi#R8EDJ8m%gN762bsOG@I0d+Gmr%Y65K$-
n6=eEmL5}atlletFC;Rhoa4<qFW|$n$Gj;O|RxPZ?oM8k2(B>yG

delta 103
zcmZp1XfcprU|?W$DortDU=RQ@Ie-{Mvv5r;6q~50$jH7iU^g=(`(_@2BIb!@or~Ey
oI0Tu23V=X>8%Vf<)NU;N&ODi4#uKEIfeB&?$Y6%e@jP>w0b`dB{Qv*}

diff --git a/src/components/TopLevel.component.js b/src/components/TopLevel.component.js
index 437c130..d774619 100644
--- a/src/components/TopLevel.component.js
+++ b/src/components/TopLevel.component.js
@@ -5,14 +5,12 @@ import game_service from '../services/GameState.service.js'
 const template = `
 <div class="top-level-component">
     <div v-if="current_state === GameState.ChoosingNumberOfShips">
-        Choose number of ships
+        Choose number of ships:
         <button @click="ship1" class="shipBtn">1 ship</button>
         <button @click="ship2" class="shipBtn">2 ships</button>
         <button @click="ship3" class="shipBtn">3 ships</button>
         <button @click="ship4" class="shipBtn">4 ships</button>
         <button @click="ship5" class="shipBtn">5 ships</button>
-
-        <button @click="bypass">Bypass for now</button>
     </div>
     <div v-if="current_state !== GameState.ChoosingNumberOfShips" class="game-boards-container">
         <!-- Opponent's board -->
@@ -73,7 +71,5 @@ export default class TopLevelComponent extends Component {
     ship5(){
         game_service.advance_game_state()
     }
-    bypass() {
-        game_service.advance_game_state()
-    }
+
 }
diff --git a/src/style/components.css b/src/style/components.css
index 9afd3f5..9b2e5e1 100644
--- a/src/style/components.css
+++ b/src/style/components.css
@@ -16,6 +16,16 @@
     padding-top: 10px;
 }
 
+.shipBtn{
+  background-color: #327da8;
+  color: white;
+  padding: 5px 12px;
+  text-align: center;
+  text-decoration: none;
+  display: inline-block;
+  font-size: 12px;
+}
+
 /* Styles for the various grid cell states. */
 
 .game-board-cell-component {
@@ -25,11 +35,11 @@
 }
 
 .game-board-cell-component.available {
-    background: #eeeeee;
+    background: #327da8;
 }
 
 .game-board-cell-component.available:hover {
-    background: #cccccc;
+    background: #3261a8;
 }
 
 .game-board-cell-component.disabled {