Merge pull request #34 from sharetribe/fix-edit-listing-wizard-width

Fix padding problem in EditListingWizard
sharetribe · Jun 8, 2021 · 0a4708d · 0a4708d
2 parents cdf7f41 + 807fce8
commit 0a4708d
Show file tree

Hide file tree

Showing 10 changed files with 3 additions and 8 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -14,6 +14,8 @@ way to update this template, but currently, we follow a pattern:
 
 ## Upcoming version 2020-XX-XX
 
+- [fix] Fix padding problem in EditListingWizard by handling the paddings in one place.
+  [#34](https://github.com/sharetribe/ftw-product/pull/34)
 - [change] Use AspectRatoWrapper on EditListingPhotosPanel.
   [#33](https://github.com/sharetribe/ftw-product/pull/33)
 - [add] Add EditListingDeliveryPanel. [#29](https://github.com/sharetribe/ftw-product/pull/29)

diff --git a/...ge/EditListingWizard/EditListingAvailabilityPanel/EditListingAvailabilityPanel.module.css b/...ge/EditListingWizard/EditListingAvailabilityPanel/EditListingAvailabilityPanel.module.css
@@ -4,7 +4,6 @@
   height: auto;
   display: flex;
   flex-direction: column;
-  padding: 11px 24px 0 24px;
 }
 
 .form {

diff --git a/...istingPage/EditListingWizard/EditListingDeliveryPanel/EditListingDeliveryPanel.module.css b/...istingPage/EditListingWizard/EditListingDeliveryPanel/EditListingDeliveryPanel.module.css
@@ -4,7 +4,6 @@
   height: auto;
   display: flex;
   flex-direction: column;
-  padding: 11px 24px 0 24px;
 }
 
 .form {

diff --git a/...tListingPage/EditListingWizard/EditListingDetailsPanel/EditListingDetailsPanel.module.css b/...tListingPage/EditListingWizard/EditListingDetailsPanel/EditListingDetailsPanel.module.css
@@ -4,7 +4,6 @@
   height: auto;
   display: flex;
   flex-direction: column;
-  padding: 11px 24px 0 24px;
 }
 
 .form {

diff --git a/...istingPage/EditListingWizard/EditListingFeaturesPanel/EditListingFeaturesPanel.module.css b/...istingPage/EditListingWizard/EditListingFeaturesPanel/EditListingFeaturesPanel.module.css
@@ -4,7 +4,6 @@
   height: auto;
   display: flex;
   flex-direction: column;
-  padding: 11px 24px 0 24px;
 }
 
 .form {

diff --git a/...istingPage/EditListingWizard/EditListingLocationPanel/EditListingLocationPanel.module.css b/...istingPage/EditListingWizard/EditListingLocationPanel/EditListingLocationPanel.module.css
@@ -4,7 +4,6 @@
   height: auto;
   display: flex;
   flex-direction: column;
-  padding: 11px 24px 0 24px;
 }
 
 .form {

diff --git a/...ditListingPage/EditListingWizard/EditListingPhotosPanel/EditListingPhotosPanel.module.css b/...ditListingPage/EditListingWizard/EditListingPhotosPanel/EditListingPhotosPanel.module.css
@@ -6,7 +6,6 @@
   height: auto;
   display: flex;
   flex-direction: column;
-  padding: 11px 24px 0 24px;
 }
 
 .form {

diff --git a/...istingPage/EditListingWizard/EditListingPoliciesPanel/EditListingPoliciesPanel.module.css b/...istingPage/EditListingWizard/EditListingPoliciesPanel/EditListingPoliciesPanel.module.css
@@ -4,7 +4,6 @@
   height: auto;
   display: flex;
   flex-direction: column;
-  padding: 11px 24px 0 24px;
 }
 
 .form {

diff --git a/...tListingPage/EditListingWizard/EditListingPricingPanel/EditListingPricingPanel.module.css b/...tListingPage/EditListingWizard/EditListingPricingPanel/EditListingPricingPanel.module.css
@@ -4,7 +4,6 @@
   height: auto;
   display: flex;
   flex-direction: column;
-  padding: 11px 24px 0 24px;
 }
 
 .form {

diff --git a/src/containers/EditListingPage/EditListingWizard/EditListingWizard.module.css b/src/containers/EditListingPage/EditListingWizard/EditListingWizard.module.css
@@ -82,6 +82,7 @@
 
 .panel {
   flex-grow: 1;
+  padding: 11px 24px 0 24px;
 
   @media (--viewportLarge) {
     padding: 88px 36px 82px 59px;