From 0fd8385f1e243a920fe54132c74257e5a3422b51 Mon Sep 17 00:00:00 2001
From: Surinna Curtis <ekiru.0@gmail.com>
Date: Sat, 1 Jul 2017 17:37:20 -0500
Subject: [PATCH] change active/hover display on advanced options

---
 app/javascript/styles/components.scss | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss
index 5fd7e29ef3..93fcb4e231 100644
--- a/app/javascript/styles/components.scss
+++ b/app/javascript/styles/components.scss
@@ -2897,11 +2897,18 @@ button.icon-button.active i.fa-retweet {
   padding: 10px;
   cursor: pointer;
   display: flex;
+  border-style: solid;
+  border-color: $simple-background-color;
+  border-width: 5px;
+
+  &:hover {
+    border-color: $ui-highlight-color;
+  }
 
-  &:hover,
   &.active {
     background: $ui-highlight-color;
     color: $primary-text-color;
+    border-color: $ui-highlight-color;
 
     .advanced-options-dropdown__option__content {
       color: $primary-text-color;
@@ -2913,7 +2920,7 @@ button.icon-button.active i.fa-retweet {
   }
 
   &.active:hover {
-    background: lighten($ui-highlight-color, 4%);
+    border-color: $simple-background-color;
   }
 }