From 4bcd47c0b36e3e7e0978bfda6c1983a67c827abb Mon Sep 17 00:00:00 2001
From: Michael Lange <dingoeatingfuzz@gmail.com>
Date: Tue, 19 Nov 2019 00:12:16 -0800
Subject: [PATCH] Make outline buttons have a solid white background

---
 ui/app/styles/core/buttons.scss | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/ui/app/styles/core/buttons.scss b/ui/app/styles/core/buttons.scss
index d0b996211..1ba83b729 100644
--- a/ui/app/styles/core/buttons.scss
+++ b/ui/app/styles/core/buttons.scss
@@ -71,6 +71,7 @@ $button-box-shadow-standard: 0 2px 0 0 rgba($grey, 0.2);
 
       &.is-outlined {
         border-color: $grey-lighter;
+        background-color: $white;
 
         &.is-important {
           border-color: $color;
@@ -80,14 +81,14 @@ $button-box-shadow-standard: 0 2px 0 0 rgba($grey, 0.2);
         &.is-hovered,
         &:focus,
         &.is-focused {
-          background-color: transparent;
+          background-color: $white;
           border-color: darken($color, 10%);
           color: $color;
         }
 
         &:active,
         &.is-active {
-          background-color: transparent;
+          background-color: $white;
           border-color: darken($color, 10%);
           color: darken($color, 10%);
         }
@@ -96,6 +97,7 @@ $button-box-shadow-standard: 0 2px 0 0 rgba($grey, 0.2);
       &.is-inverted.is-outlined {
         border-color: rgba($color-invert, 0.5);
         color: rgba($color-invert, 0.9);
+        background-color: transparent;
 
         &:hover,
         &.is-hovered,