From 7f1a4b79b460cda20fd86691bdb351438fbe2faf Mon Sep 17 00:00:00 2001
From: bmauger <mauger.bryan@gmail.com>
Date: Wed, 30 Mar 2022 10:39:39 -0400
Subject: [PATCH] Update button border fix for Safari/iOS.

---
 src/ux-components/button-main/button-main.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/ux-components/button-main/button-main.vue b/src/ux-components/button-main/button-main.vue
index 60497df84..3ddd0bd6b 100644
--- a/src/ux-components/button-main/button-main.vue
+++ b/src/ux-components/button-main/button-main.vue
@@ -58,6 +58,9 @@ export default {
     @media (hover: hover) {
       background: linear-gradient(270deg, $blue-500 0%, $blue-700 100%);
     }
+    &:focus {
+      box-shadow: 0 0 0 3px, 0 0 0 5.5px $blue-700;
+    }
     &:focus, // Mouse, touch, stylus focus
     &:focus-visible {
       // Keyboard focus for accessibility
@@ -88,6 +91,7 @@ export default {
     &.has-loader {
       color: $white;
       background: $blue-700;
+      box-shadow: 0 0 0 3px, 0 0 0 5.5px $blue-700;
     }
     &.delay {// fixes flicker while transitioning between states
       transition: background 0s 0s ease-in-out;