From ace44824fdd4b23a7a9ef4c6c006f2b3c88bf456 Mon Sep 17 00:00:00 2001
From: Vesa Luusua <vesa.luusua@gmail.com>
Date: Tue, 20 Feb 2018 11:38:43 +0200
Subject: [PATCH] Select(Single/Multiple)Filter for mobile: baseline
 adjustments

---
 .../SelectMultipleFilterMobile.css                 | 10 +++++++---
 .../SelectSingleFilterMobile.css                   | 14 +++++++-------
 2 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/src/components/SelectMultipleFilterMobile/SelectMultipleFilterMobile.css b/src/components/SelectMultipleFilterMobile/SelectMultipleFilterMobile.css
index 777e23b0..e5c15a4a 100644
--- a/src/components/SelectMultipleFilterMobile/SelectMultipleFilterMobile.css
+++ b/src/components/SelectMultipleFilterMobile/SelectMultipleFilterMobile.css
@@ -1,15 +1,19 @@
 @import '../../marketplace.css';
 
 .root {
-  padding-bottom: 16px;
-  margin-top: 30px;
+  padding-top: 24px;
+  padding-bottom: 47px;
   border-bottom: 1px solid var(--matterColorNegative);
 }
 
 .filterLabel,
 .filterLabelSelected {
   @apply --marketplaceH3FontStyles;
-  margin-bottom: 16px;
+
+  /* Baseline adjustment for label text */
+  margin-top: 0;
+  margin-bottom: 12px;
+  padding: 4px 0 2px 0;
 }
 
 .filterLabel {
diff --git a/src/components/SelectSingleFilterMobile/SelectSingleFilterMobile.css b/src/components/SelectSingleFilterMobile/SelectSingleFilterMobile.css
index e2f281d2..367ff371 100644
--- a/src/components/SelectSingleFilterMobile/SelectSingleFilterMobile.css
+++ b/src/components/SelectSingleFilterMobile/SelectSingleFilterMobile.css
@@ -1,15 +1,19 @@
 @import '../../marketplace.css';
 
 .root {
-  padding-bottom: 16px;
-  margin-top: 30px;
+  padding-top: 24px;
+  padding-bottom: 47px;
   border-bottom: 1px solid var(--matterColorNegative);
 }
 
 .filterLabel,
 .filterLabelSelected {
   @apply --marketplaceH3FontStyles;
-  margin-bottom: 16px;
+
+  /* Baseline adjustment for label text */
+  margin-top: 0;
+  margin-bottom: 12px;
+  padding: 4px 0 2px 0;
 }
 
 .filterLabel {
@@ -82,10 +86,6 @@
   &:hover .menuItemBorder {
     width: 6px;
   }
-
-  &:last-child {
-    margin-bottom: 18px;
-  }
 }
 
 .clearButton {