From e700c071c04e61d8a07b8002525bf9b0aede4e0b Mon Sep 17 00:00:00 2001
From: Gabriel Rodriguez Alsina <gabriel.rodriguez@altoros.com>
Date: Tue, 4 Jun 2019 11:22:05 -0300
Subject: [PATCH] (fix) dropdown button color

---
 apps/block_scout_web/assets/css/_mixins.scss  |  2 ++
 .../css/components/_btn_dropdown_line.scss    | 22 ++++++++++---------
 2 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/apps/block_scout_web/assets/css/_mixins.scss b/apps/block_scout_web/assets/css/_mixins.scss
index a5c3836095..9b00a92e38 100644
--- a/apps/block_scout_web/assets/css/_mixins.scss
+++ b/apps/block_scout_web/assets/css/_mixins.scss
@@ -73,6 +73,7 @@
 }
 
 @mixin btn-full($bg-color: $primary, $text-color: #fff) {
+  -webkit-appearance: none !important;
   align-items: center;
   background-color: $bg-color;
   border-radius: 2px;
@@ -121,6 +122,7 @@
 }
 
 @mixin btn-line($bg-color: #fff, $text-color: $secondary) {
+  -webkit-appearance: none !important;
   align-items: center;
   background-color: $bg-color;
   border-radius: 2px;
diff --git a/apps/block_scout_web/assets/css/components/_btn_dropdown_line.scss b/apps/block_scout_web/assets/css/components/_btn_dropdown_line.scss
index f076f14dff..99a6058bf3 100644
--- a/apps/block_scout_web/assets/css/components/_btn_dropdown_line.scss
+++ b/apps/block_scout_web/assets/css/components/_btn_dropdown_line.scss
@@ -1,13 +1,15 @@
 $btn-dropdown-line-bg: #fff !default;
-$btn-dropdown-line-color: $primary !default;
+$btn-dropdown-line-color: #333 !default;
 
 .btn-dropdown-line {
-    @include btn-line($btn-dropdown-line-bg, $btn-dropdown-line-color);
-    outline: none !important;
-    color: #333;
-    border-color: #e2e5ec;
-    &:hover {
-    	background-color: transparent;
-    	color: #333;
-    }
-}
\ No newline at end of file
+  @include btn-line($btn-dropdown-line-bg, $btn-dropdown-line-color);
+  border-color: $btn-dropdown-line-color;
+  color: $btn-dropdown-line-color;
+  outline: none !important;
+
+  &:hover {
+    background-color: $btn-dropdown-line-color;
+    border-color: $btn-dropdown-line-color;
+    color: $btn-dropdown-line-bg;
+  }
+}