From dd4ca61d8681df7a8b00a69abc178176b96e1d26 Mon Sep 17 00:00:00 2001
From: bmauger <mauger.bryan@gmail.com>
Date: Tue, 30 Nov 2021 11:18:07 -0500
Subject: [PATCH] CSR-198 add loader to primary and secondary buttons.

Update alert button size and position.
---
 src/styles/common-button-styles.scss | 4 ++++
 src/ux-components/alert/alert.vue    | 4 ++++
 2 files changed, 8 insertions(+)

diff --git a/src/styles/common-button-styles.scss b/src/styles/common-button-styles.scss
index 5534c61c0..323ad5552 100644
--- a/src/styles/common-button-styles.scss
+++ b/src/styles/common-button-styles.scss
@@ -16,6 +16,8 @@
     &:focus-visible { // Keyboard focus for accessibility
       outline: none;
       box-shadow: 0 0 0 3px, 0 0 0 5.5px $blue-700;
+      color: $white;
+      @include blue-gradient;
     }
     &:disabled {
       background: $gray-100 !important;
@@ -42,6 +44,8 @@
     &:focus-visible { // Keyboard focus for accessibility
       outline: none;
       box-shadow: 0 0 0 3px $white, 0 0 0 5.5px $blue-700;
+      color: $white;
+      @include blue-gradient;
     }
     &:disabled {
       background: transparent;
diff --git a/src/ux-components/alert/alert.vue b/src/ux-components/alert/alert.vue
index 043fae922..7358073df 100644
--- a/src/ux-components/alert/alert.vue
+++ b/src/ux-components/alert/alert.vue
@@ -39,10 +39,14 @@ export default {
   .btn-close {
     background: none;
     opacity: 1;
+    width: .75rem;
+    height: .75rem;
   }
   &.alert-dismissible {
     button {
       display: flex;
+      top: 2px;
+      right: 2px;
     }
   }
   &.alert-info {