Move control panel to left

mduffin95 · Dec 24, 2023 · 888bbd9 · 888bbd9
1 parent c5ff9a4
commit 888bbd9
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/src/views/GamePage.vue b/src/views/GamePage.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div>
+    <div class="control-panel">
       <p v-if="isCurrentPlayer()">Your turn ({{ store.playerColor }})</p>
       <p v-else>Current player: {{ store.model.currentPlayer }}</p>
       <p>Phase: {{ store.model.phase }}</p>
@@ -204,14 +204,17 @@ onMounted(() => {
   -moz-osx-font-smoothing: grayscale;
   text-align: center;
   color: #2c3e50;
-  margin-top: 60px;
+  /* margin-top: 60px; */
+}
+.control-panel {
+  float: left;
 }
 .map-container {
   position: relative;
   display: block;
   margin-left: auto;
   margin-right: auto;
-  width: 80%;
+  width: 70%;
 }
 .map {
   width: 100%;