From 7422281f31377cef99f6bbfc411c7e12e7b57b97 Mon Sep 17 00:00:00 2001
From: Vesa Luusua <vesa.luusua@gmail.com>
Date: Mon, 19 Nov 2018 12:25:20 +0200
Subject: [PATCH] PriceFilterPlain: fix padding

---
 .../PriceFilter/PriceFilterPlain.css          |  4 +++
 .../PriceFilter/PriceFilterPlain.js           | 30 ++++++++++---------
 2 files changed, 20 insertions(+), 14 deletions(-)

diff --git a/src/components/PriceFilter/PriceFilterPlain.css b/src/components/PriceFilter/PriceFilterPlain.css
index 1fae6d29..15239cd2 100644
--- a/src/components/PriceFilter/PriceFilterPlain.css
+++ b/src/components/PriceFilter/PriceFilterPlain.css
@@ -34,6 +34,10 @@
   cursor: pointer;
 }
 
+.formWrapper {
+  padding-left: 20px;
+}
+
 .clearButton {
   @apply --marketplaceH5FontStyles;
   font-weight: var(--fontWeightMedium);
diff --git a/src/components/PriceFilter/PriceFilterPlain.js b/src/components/PriceFilter/PriceFilterPlain.js
index 89711b22..560a652e 100644
--- a/src/components/PriceFilter/PriceFilterPlain.js
+++ b/src/components/PriceFilter/PriceFilterPlain.js
@@ -73,20 +73,22 @@ class PriceFilterPlainComponent extends Component {
             <FormattedMessage id={'PriceFilter.clear'} />
           </button>
         </div>
-        <PriceFilterForm
-          id={id}
-          initialValues={hasInitialValues ? initialValues : { minPrice: min, maxPrice: max }}
-          onChange={this.handleChange}
-          intl={intl}
-          contentRef={node => {
-            this.filterContent = node;
-          }}
-          min={min}
-          max={max}
-          step={step}
-          liveEdit
-          isOpen={this.state.isOpen}
-        />
+        <div className={css.formWrapper}>
+          <PriceFilterForm
+            id={id}
+            initialValues={hasInitialValues ? initialValues : { minPrice: min, maxPrice: max }}
+            onChange={this.handleChange}
+            intl={intl}
+            contentRef={node => {
+              this.filterContent = node;
+            }}
+            min={min}
+            max={max}
+            step={step}
+            liveEdit
+            isOpen={this.state.isOpen}
+          />
+        </div>
       </div>
     );
   }