Clear styling

MrTimeey · Feb 21, 2021 · 7ee19c8 · 7ee19c8
1 parent 44b9b8a
commit 7ee19c8
Showing 1 changed file with 6 additions and 15 deletions.
diff --git a/src/views/GamePage.vue b/src/views/GamePage.vue
@@ -13,21 +13,8 @@
     <life-display/>
     <sudoku-grid class="sudoku-grid" :sudoku-matrix="this.$store.state.game.currentGame"/>
     <b-button class="b-btn" @click="cancelGame">New</b-button>
-    <hint-display/>
-
-
-    <v-btn
-        class="hint-btn mx-2"
-        fab
-        :ripple="false"
-        @click="$store.commit('game/clearUserInput');"
-    >
-      <v-icon dark>
-        clear
-      </v-icon>
-    </v-btn>
-
-
+    <b-button class="b-btn" @click="$store.commit('game/clearUserInput')">Clear</b-button>
+    <hint-display class="hint"/>
 
   </div>
 </template>
@@ -69,4 +56,8 @@ export default {
   margin-bottom: 20px;
 }
 
+.hint {
+  margin-top: 10px;
+}
+
 </style>