From 5d2c2d3eb0e5fdc2847baa9a27ea08027198dc34 Mon Sep 17 00:00:00 2001
From: Roman Cervantes <romancm@gmail.com>
Date: Thu, 11 Jul 2019 13:27:20 -0700
Subject: [PATCH] Adjust confirm button

---
 src/components/Modal/Modal.vue | 12 ++++++------
 src/pages/GameBoard.vue        |  1 +
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/components/Modal/Modal.vue b/src/components/Modal/Modal.vue
index 3200f928..34d4114d 100644
--- a/src/components/Modal/Modal.vue
+++ b/src/components/Modal/Modal.vue
@@ -9,7 +9,10 @@
                 :class="['modal-content', { large, confirm, padded, dark: darkModeEnabled }]"
                 @click.stop
             >
-                <button class="small filled close-button" @click="close">
+                <button
+                    :class="[{'info': darkModeEnabled, accent: !darkModeEnabled}, 'small', 'close-button']"
+                    @click="close"
+                >
                     <i class="fas fa-times" />
                 </button>
 
@@ -194,15 +197,12 @@ header {
 .close-button {
     display: none;
     position: fixed;
+    right: 12px;
     top: $gp / 2;
-    right: $gp / 2;
-    align-items: center;
-    color: $color-dark-gray;
     z-index: 99999;
-    padding: $gp;
 
     @media($small) {
-        display: flex;
+        display: block;
     }
 }
 
diff --git a/src/pages/GameBoard.vue b/src/pages/GameBoard.vue
index 2f3b84e7..a0ae167a 100755
--- a/src/pages/GameBoard.vue
+++ b/src/pages/GameBoard.vue
@@ -27,6 +27,7 @@
             :title="$t('tags.applyTag')"
             :message="$t('tags.useTags')"
             padded
+            confirm
         >
             <div slot="content">
                 <div