From a7cbeff0f016c88ccbb1c8c42a8d7915caf48158 Mon Sep 17 00:00:00 2001
From: Gamebrary <contact@gamebrary.com>
Date: Thu, 29 Apr 2021 11:21:11 -0700
Subject: [PATCH] remove sticky from modal header and update styles

---
 src/components/ModalHeader.vue | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/components/ModalHeader.vue b/src/components/ModalHeader.vue
index 180c782d..a851deb5 100644
--- a/src/components/ModalHeader.vue
+++ b/src/components/ModalHeader.vue
@@ -1,9 +1,9 @@
 <template lang="html">
-  <header :class="{ 'has-action': slots.includes('default'), sticky }">
+  <header :class="{ 'has-action': slots.includes('default') }">
     <div>
       <slot name="header" v-if="slots.includes('header')" />
-      <h5 class="mb-0 text-wrap">{{ title }}</h5>
-      <small class="d-block text-info">{{ subtitle }}</small>
+      <h4 class="mb-0 text-wrap">{{ title }}</h4>
+      <small class="d-block text-muted">{{ subtitle }}</small>
     </div>
 
     <div class="actions" v-if="slots.includes('default')">
@@ -12,7 +12,7 @@
 
     <b-button
       class="align-self-baseline"
-      variant="light"
+      variant="dark"
       @click="$emit('close')"
     >
       <i class="fas fa-times fa-fw" aria-hidden />
@@ -25,7 +25,6 @@ export default {
   props: {
     title: String,
     subtitle: String,
-    sticky: Boolean,
   },
 
   computed: {