diff --git a/src/components/GameBoard.component.js b/src/components/GameBoard.component.js
index c4c0277..44d7b91 100644
--- a/src/components/GameBoard.component.js
+++ b/src/components/GameBoard.component.js
@@ -23,17 +23,16 @@ const template = `
`
export default class GameBoardComponent extends Component {
diff --git a/src/style/components.css b/src/style/components.css
index b82a846..83bce52 100644
--- a/src/style/components.css
+++ b/src/style/components.css
@@ -1,7 +1,21 @@
+/* Styles for top-level component */
+.top-level-component .game-boards-container {
+ display: flex;
+}
+
+.top-level-component .game-boards-container .game-board {
+ margin-right: 50px;
+}
+
.game-board-component .grid-container .grid-row {
display: flex;
}
+.game-board-component .grid-container .grid-row .label {
+ margin-right: 5px;
+ padding-top: 10px;
+}
+
/* Styles for the various grid cell states. */
.game-board-cell-component {
@@ -42,13 +56,13 @@
background: #eeeeee;
}
-.game-board-component {
+.column_labels {
display: flex;
+ margin-top: 5px;
+ margin-left: 15px;
+}
+.column_labels .label {
+ width: 42px;
+ text-align: center;
}
-.column_labels {
-
- padding: 20px;
- flex-direction: column-reverse;
-
-}
\ No newline at end of file