From 3122fd76a43d6e41478942d661962417396a5fd0 Mon Sep 17 00:00:00 2001
From: Cassie Tarakajian <ctarakajian@gmail.com>
Date: Thu, 2 Apr 2020 15:54:40 -0400
Subject: [PATCH] Fixes #1290, change selector for search icon to work with
 div, remove unused styles

---
 client/styles/components/_searchbar.scss | 12 ++----------
 1 file changed, 2 insertions(+), 10 deletions(-)

diff --git a/client/styles/components/_searchbar.scss b/client/styles/components/_searchbar.scss
index 042f3e7e..7076f75c 100644
--- a/client/styles/components/_searchbar.scss
+++ b/client/styles/components/_searchbar.scss
@@ -15,7 +15,7 @@
   }
 }
 
-button[type="submit"].searchbar__button {
+div.searchbar__button {
   background-color: unset;
   width: #{31 / $base-font-size}rem;
   height: #{36 / $base-font-size}rem;
@@ -29,15 +29,6 @@ button[type="submit"].searchbar__button {
   @include themify() {
     border-right-color: getThemifyVariable('input-border-color');
   }
-  &:enabled:hover {
-    background-color: unset;
-    @include themify() {
-      border-right-color: getThemifyVariable('input-border-color');
-    }
-    & g {
-      fill: unset;
-    }
-  }
 }
 
 .searchbar__icon {
@@ -46,6 +37,7 @@ button[type="submit"].searchbar__button {
     width: #{22 / $base-font-size}rem;
     height: #{27 / $base-font-size}rem;
     transform: scaleX(-1);
+    padding-top: #{3 / $base-font-size}rem;
     @include themify() {
       fill: getThemifyVariable('input-text-color');
     }