From 99a6f6d16fa2c5319fa93baef99db280cceeac3a Mon Sep 17 00:00:00 2001
From: Maud Leray <maudleray035@gmail.com>
Date: Tue, 3 Nov 2020 13:50:02 +0100
Subject: [PATCH] PLANET-5606 Center search buttons svg icons

---
 .../src/scss/pages/search/_filter-sidebar.scss   |  5 +++++
 assets/src/scss/pages/search/_search-bar.scss    | 16 ++++++++++++++++
 2 files changed, 21 insertions(+)

diff --git a/assets/src/scss/pages/search/_filter-sidebar.scss b/assets/src/scss/pages/search/_filter-sidebar.scss
index 73d577f773..b6288327e3 100644
--- a/assets/src/scss/pages/search/_filter-sidebar.scss
+++ b/assets/src/scss/pages/search/_filter-sidebar.scss
@@ -144,6 +144,11 @@
       padding: 0 $n10;
       color: $white;
 
+      svg {
+        margin-right: 4px;
+        vertical-align: baseline;
+      }
+
       &:hover {
         color: $grey-80;
         cursor: pointer;
diff --git a/assets/src/scss/pages/search/_search-bar.scss b/assets/src/scss/pages/search/_search-bar.scss
index a837230502..ade20cbea5 100644
--- a/assets/src/scss/pages/search/_search-bar.scss
+++ b/assets/src/scss/pages/search/_search-bar.scss
@@ -25,9 +25,25 @@
     font-size: $font-size-sm;
     line-height: 2.75;
 
+    svg {
+      margin-right: 4px;
+      vertical-align: baseline;
+    }
+
+    // We need this margin exception for tablets because otherwise the button moves to 2 lines.
+    @include medium-and-up {
+      svg {
+        margin-right: 0;
+      }
+    }
+
     @include large-and-up {
       margin-top: 2px;
       line-height: 3;
+
+      svg {
+        margin-right: 4px;
+      }
     }
 
     i {