-
+
Choose number of ships:
-
-
-
-
-
+
+
+
+
+
+
+
-
+
It is now {{ current_player_display }}'s turn!
-
+
@@ -34,6 +37,7 @@ const template = `
v-bind:ships_to_place="ships_to_place"
@shipplaced="on_ship_placed"
>
+
Your fleet
diff --git a/src/style/components.css b/src/style/components.css
index 548a3a5..fef62b7 100644
--- a/src/style/components.css
+++ b/src/style/components.css
@@ -101,5 +101,27 @@ p {
}
+.game-player-change-container, .game-choose-ships-container {
+ height: calc(40px * 9);
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+}
+.playerBtn {
+ background-color: #327da8;
+ color: white;
+ padding: 5px 12px;
+ text-align: center;
+ text-decoration: none;
+ display: inline-block;
+ font-size: 12px;
+ margin-top: 30px;
+}
+
+.fleet-label {
+ text-align: center;
+ margin: 20px;
+}