actual panels let their form grow

src/components/EditListingDescriptionPanel/EditListingDescriptionPanel.css

@@ -5,3 +5,7 @@
   flex-direction: column;
   padding: 0 1rem;
 }
+
+.form {
+  flex-grow: 1;
+}

src/components/EditListingDescriptionPanel/EditListingDescriptionPanel.js

@@ -15,7 +15,11 @@ const EditListingDescriptionPanel = props => {
   return (
     <div className={classes}>
       <h1><FormattedMessage id="EditListingDescriptionPanel.title" /></h1>
-      <EditListingDescriptionForm initialValues={{ title, description }} onSubmit={onSubmit} />
+      <EditListingDescriptionForm
+        className={css.form}
+        initialValues={{ title, description }}
+        onSubmit={onSubmit}
+      />
     </div>
   );
 };

src/components/EditListingLocationPanel/EditListingLocationPanel.css

@@ -5,3 +5,7 @@
   flex-direction: column;
   padding: 0 1rem;
 }
+
+.form {
+  flex-grow: 1;
+}

src/components/EditListingLocationPanel/EditListingLocationPanel.js

@@ -41,7 +41,11 @@ const EditListingLocationPanel = props => {
   return (
     <div className={classes}>
       <h1><FormattedMessage id="EditListingLocationPanel.title" /></h1>
-      <EditListingLocationForm initialValues={initialSearchFormValues} onSubmit={onSubmit} />
+      <EditListingLocationForm
+        className={css.form}
+        initialValues={initialSearchFormValues}
+        onSubmit={onSubmit}
+      />
     </div>
   );
 };

src/components/EditListingPhotosPanel/EditListingPhotosPanel.css

@@ -13,3 +13,7 @@
 .payoutDetails {
   margin: 1rem;
 }
+
+.form {
+  flex-grow: 1;
+}

src/components/EditListingPhotosPanel/EditListingPhotosPanel.js

@@ -103,6 +103,7 @@ class EditListingPhotosPanel extends Component {
         {payoutDetailsModal}
         <h1><FormattedMessage id="EditListingPhotosPanel.title" /></h1>
         <EditListingPhotosForm
+          className={css.form}
           disabled={fetchInProgress}
           initialValues={{ images }}
           images={images}

src/components/EditListingPricingPanel/EditListingPricingPanel.css

@@ -1,5 +1,11 @@
 .root {
   width: 100%;
   height: 100%;
+  display: flex;
+  flex-direction: column;
   padding: 0 1rem;
 }
+
+.form {
+  flex-grow: 1;
+}

src/components/EditListingPricingPanel/EditListingPricingPanel.js

@@ -15,7 +15,11 @@ const EditListingPricingPanel = props => {
   return (
     <div className={classes}>
       <h1><FormattedMessage id="EditListingPricingPanel.title" /></h1>
-      <EditListingPricingForm initialValues={{ price }} onSubmit={onSubmit} />
+      <EditListingPricingForm
+        className={css.form}
+        initialValues={{ price }}
+        onSubmit={onSubmit}
+      />
     </div>
   );
 };