From 1cb5f5d574a75a639e3aef770c3f0ffcf8a8c2c4 Mon Sep 17 00:00:00 2001
From: Mikko Koski <mikkokos@gmail.com>
Date: Wed, 17 May 2017 13:45:50 +0300
Subject: [PATCH] Fix Flexbox cross-browser issues

- Fixes Flexbox cross-browser issues (Safari) that prevents moving on in the listing wizard if user adds many images to the listing
---
 .../EditListingDescriptionPanel/EditListingDescriptionPanel.css | 1 +
 .../EditListingLocationPanel/EditListingLocationPanel.css       | 1 +
 .../EditListingPhotosPanel/EditListingPhotosPanel.css           | 1 +
 .../EditListingPricingPanel/EditListingPricingPanel.css         | 1 +
 src/components/Modal/Modal.css                                  | 2 ++
 src/components/Tabs/Tabs.css                                    | 1 +
 .../EditListingDescriptionForm/EditListingDescriptionForm.css   | 1 +
 .../EditListingLocationForm/EditListingLocationForm.css         | 1 +
 src/containers/EditListingPhotosForm/EditListingPhotosForm.css  | 1 +
 .../EditListingPricingForm/EditListingPricingForm.css           | 1 +
 10 files changed, 11 insertions(+)

diff --git a/src/components/EditListingDescriptionPanel/EditListingDescriptionPanel.css b/src/components/EditListingDescriptionPanel/EditListingDescriptionPanel.css
index 600b96f4..ec8472ac 100644
--- a/src/components/EditListingDescriptionPanel/EditListingDescriptionPanel.css
+++ b/src/components/EditListingDescriptionPanel/EditListingDescriptionPanel.css
@@ -2,6 +2,7 @@
   width: 100%;
   height: 100%;
   display: flex;
+  flex: 1;
   flex-direction: column;
   padding: 0 1rem;
 }
diff --git a/src/components/EditListingLocationPanel/EditListingLocationPanel.css b/src/components/EditListingLocationPanel/EditListingLocationPanel.css
index 600b96f4..ec8472ac 100644
--- a/src/components/EditListingLocationPanel/EditListingLocationPanel.css
+++ b/src/components/EditListingLocationPanel/EditListingLocationPanel.css
@@ -2,6 +2,7 @@
   width: 100%;
   height: 100%;
   display: flex;
+  flex: 1;
   flex-direction: column;
   padding: 0 1rem;
 }
diff --git a/src/components/EditListingPhotosPanel/EditListingPhotosPanel.css b/src/components/EditListingPhotosPanel/EditListingPhotosPanel.css
index 7fa61337..ab315a0b 100644
--- a/src/components/EditListingPhotosPanel/EditListingPhotosPanel.css
+++ b/src/components/EditListingPhotosPanel/EditListingPhotosPanel.css
@@ -4,6 +4,7 @@
   display: flex;
   flex-direction: column;
   padding: 0 1rem;
+  flex: 1;
 }
 
 .payoutModalOpen {
diff --git a/src/components/EditListingPricingPanel/EditListingPricingPanel.css b/src/components/EditListingPricingPanel/EditListingPricingPanel.css
index 600b96f4..ec8472ac 100644
--- a/src/components/EditListingPricingPanel/EditListingPricingPanel.css
+++ b/src/components/EditListingPricingPanel/EditListingPricingPanel.css
@@ -2,6 +2,7 @@
   width: 100%;
   height: 100%;
   display: flex;
+  flex: 1;
   flex-direction: column;
   padding: 0 1rem;
 }
diff --git a/src/components/Modal/Modal.css b/src/components/Modal/Modal.css
index dde0ed25..bc3e91e2 100644
--- a/src/components/Modal/Modal.css
+++ b/src/components/Modal/Modal.css
@@ -1,6 +1,7 @@
 /* Content is visible as modal layer */
 .isOpen {
   display: flex;
+  flex: 1;
   flex-direction: column;
   position: fixed;
   top: 0;
@@ -63,6 +64,7 @@
 .content {
   flex-grow: 1;
   display: flex;
+  flex: 1;
   flex-direction: column;
   overflow: auto;
 }
diff --git a/src/components/Tabs/Tabs.css b/src/components/Tabs/Tabs.css
index f6cd6ffe..36360f11 100644
--- a/src/components/Tabs/Tabs.css
+++ b/src/components/Tabs/Tabs.css
@@ -3,4 +3,5 @@
   flex-direction: column;
   width: 100%;
   height: 100%;
+  flex: 1;
 }
diff --git a/src/containers/EditListingDescriptionForm/EditListingDescriptionForm.css b/src/containers/EditListingDescriptionForm/EditListingDescriptionForm.css
index 5ebf3c1c..4284a2ad 100644
--- a/src/containers/EditListingDescriptionForm/EditListingDescriptionForm.css
+++ b/src/containers/EditListingDescriptionForm/EditListingDescriptionForm.css
@@ -2,6 +2,7 @@
   width: 100%;
   height: 100%;
   display: flex;
+  flex: 1;
   flex-direction: column;
 }
 
diff --git a/src/containers/EditListingLocationForm/EditListingLocationForm.css b/src/containers/EditListingLocationForm/EditListingLocationForm.css
index e7112620..b26a5cd3 100644
--- a/src/containers/EditListingLocationForm/EditListingLocationForm.css
+++ b/src/containers/EditListingLocationForm/EditListingLocationForm.css
@@ -2,6 +2,7 @@
   width: 100%;
   height: 100%;
   display: flex;
+  flex: 1;
   flex-direction: column;
 }
 
diff --git a/src/containers/EditListingPhotosForm/EditListingPhotosForm.css b/src/containers/EditListingPhotosForm/EditListingPhotosForm.css
index e1affc88..67a3be9d 100644
--- a/src/containers/EditListingPhotosForm/EditListingPhotosForm.css
+++ b/src/containers/EditListingPhotosForm/EditListingPhotosForm.css
@@ -3,6 +3,7 @@
   height: 100%;
   display: flex;
   flex-direction: column;
+  flex: 1;
 }
 
 .imagesField {
diff --git a/src/containers/EditListingPricingForm/EditListingPricingForm.css b/src/containers/EditListingPricingForm/EditListingPricingForm.css
index 19c16701..384d4427 100644
--- a/src/containers/EditListingPricingForm/EditListingPricingForm.css
+++ b/src/containers/EditListingPricingForm/EditListingPricingForm.css
@@ -2,6 +2,7 @@
   width: 100%;
   height: 100%;
   display: flex;
+  flex: 1;
   flex-direction: column;
   flex-grow: 1;
 }