AB#705 Fix luminosity contrast by applying double border

- Remove fixed height
Azure · Jan 14, 2023 · 4e5d0f0 · 4e5d0f0
1 parent fdd4984
commit 4e5d0f0
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/src/@batch-flask/ui/buttons/button.scss b/src/@batch-flask/ui/buttons/button.scss
@@ -6,7 +6,6 @@ bl-button-group {
 
 bl-button {
     display: inline-block;
-    height: $action-btn-size;
     outline: none;
     cursor: pointer;
     text-align: center;
@@ -42,12 +41,16 @@ bl-button {
     }
 
     &[type="wide"] {
+        border: 2px solid transparent;
+
         &.focus-outline.focus-visible, &.focus-visible {
-            outline-color: rgb(39, 185, 211);
+            border-color: $primary-color-dark;
+            outline-color: white;
             outline-width: 2.5px;
             outline-style: solid;
-            outline-offset: -1px;
+            outline-offset: -4.5px;
             opacity: 1;
+            text-align: center;
         }
     }