From 759af642d380875f885b96a3d4dad60488c19bad Mon Sep 17 00:00:00 2001
From: Gabriel Rodriguez Alsina <gabriel.rodriguez@altoros.com>
Date: Thu, 11 Apr 2019 15:08:26 -0300
Subject: [PATCH] (updated) toggle button styles

---
 apps/block_scout_web/assets/css/app.scss                    | 1 +
 .../assets/css/components/_btn_dropdown_line.scss           | 6 ++++++
 .../templates/address_internal_transaction/index.html.eex   | 2 +-
 .../templates/address_transaction/index.html.eex            | 2 +-
 4 files changed, 9 insertions(+), 2 deletions(-)
 create mode 100644 apps/block_scout_web/assets/css/components/_btn_dropdown_line.scss

diff --git a/apps/block_scout_web/assets/css/app.scss b/apps/block_scout_web/assets/css/app.scss
index 3e0e76dbbc..723d3323f6 100644
--- a/apps/block_scout_web/assets/css/app.scss
+++ b/apps/block_scout_web/assets/css/app.scss
@@ -113,6 +113,7 @@ $fa-font-path: "~@fortawesome/fontawesome-free/webfonts";
 @import "components/modal_stake";
 @import "components/btn_copy";
 @import "components/btn_qr";
+@import "components/btn_dropdown_line";
 
 :export {
   primary: $primary;
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
new file mode 100644
index 0000000000..8f89b0700c
--- /dev/null
+++ b/apps/block_scout_web/assets/css/components/_btn_dropdown_line.scss
@@ -0,0 +1,6 @@
+$btn-dropdown-line-bg: #fff !default;
+$btn-dropdown-line-color: $primary !default;
+
+.btn-dropdown-line {
+    @include btn-line($btn-dropdown-line-bg, $btn-dropdown-line-color);
+}
\ No newline at end of file
diff --git a/apps/block_scout_web/lib/block_scout_web/templates/address_internal_transaction/index.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/address_internal_transaction/index.html.eex
index bc7529dcd9..e694ce56d3 100644
--- a/apps/block_scout_web/lib/block_scout_web/templates/address_internal_transaction/index.html.eex
+++ b/apps/block_scout_web/lib/block_scout_web/templates/address_internal_transaction/index.html.eex
@@ -16,7 +16,7 @@
           </div>
         </div>
         <div class="dropdown float-right u-push-sm">
-          <button data-test="filter_dropdown" class="button button-secondary button-xs dropdown-toggle" type="button"
+          <button data-test="filter_dropdown" class="btn-dropdown-line dropdown-toggle" type="button"
             id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
             Filter: <%= format_current_filter(@filter) %>
           </button>
diff --git a/apps/block_scout_web/lib/block_scout_web/templates/address_transaction/index.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/address_transaction/index.html.eex
index e78e3589bb..bc70ff693e 100644
--- a/apps/block_scout_web/lib/block_scout_web/templates/address_transaction/index.html.eex
+++ b/apps/block_scout_web/lib/block_scout_web/templates/address_transaction/index.html.eex
@@ -12,7 +12,7 @@
           </div>
         </div>
         <div class="dropdown float-right u-push-sm">
-          <button data-test="filter_dropdown" class="button button-secondary button-xs dropdown-toggle" type="button"
+          <button data-test="filter_dropdown" class="btn-dropdown-line dropdown-toggle" type="button"
             id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
             Filter: <%= format_current_filter(@filter) %>
           </button>