From 72768b6a7f5437e5212bdc93d46e1de0a9f94b83 Mon Sep 17 00:00:00 2001
From: Gamebrary <contact@gamebrary.com>
Date: Fri, 23 Oct 2020 09:19:41 -0700
Subject: [PATCH] fix game modal header

---
 src/components/Game/GameModal.vue |  4 ++--
 src/components/ModalHeader.vue    | 20 +++++++++++---------
 2 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/src/components/Game/GameModal.vue b/src/components/Game/GameModal.vue
index 2a4aa399..acc7f06c 100644
--- a/src/components/Game/GameModal.vue
+++ b/src/components/Game/GameModal.vue
@@ -21,8 +21,7 @@
       <modal-header
         :title="game.name"
         :subtitle="gameModalData.list.name"
-        @close="close"
-      />
+      >
         <b-button-group>
           <b-button
             size="sm"
@@ -42,6 +41,7 @@
             <icon name="triangle-right" />
           </b-button>
         </b-button-group>
+      </modal-header>
     </template>
 
     <b-container v-if="game.name" class="m-0 p-0">
diff --git a/src/components/ModalHeader.vue b/src/components/ModalHeader.vue
index f216a069..99b169ef 100644
--- a/src/components/ModalHeader.vue
+++ b/src/components/ModalHeader.vue
@@ -5,16 +5,18 @@
       <small>{{ subtitle }}</small>
     </div>
 
-    <slot />
+    <div class="actions">
+      <slot />
 
-    <b-button
-      :variant="nightMode ? 'dark' : 'light'"
-      size="sm"
-      class="ml-auto"
-      @click="$emit('close')"
-    >
-      <icon name="x" />
-    </b-button>
+      <b-button
+        :variant="nightMode ? 'dark' : 'light'"
+        size="sm"
+        class="ml-auto"
+        @click="$emit('close')"
+      >
+        <icon name="x" />
+      </b-button>
+    </div>
   </header>
 </template>