From 6e601ede374e66319277e3f94918676138cc68ad Mon Sep 17 00:00:00 2001
From: Qstick <qstick@gmail.com>
Date: Wed, 9 Oct 2019 22:20:43 -0400
Subject: [PATCH] Fixed: Custom Format Edit Modal Huge Size

---
 .../CustomFormats/EditCustomFormatModal.js    |  2 +-
 .../EditCustomFormatModalContent.css          | 18 -------
 .../EditCustomFormatModalContent.js           | 51 +++++++++----------
 3 files changed, 24 insertions(+), 47 deletions(-)
 delete mode 100644 frontend/src/Settings/CustomFormats/CustomFormats/EditCustomFormatModalContent.css

diff --git a/frontend/src/Settings/CustomFormats/CustomFormats/EditCustomFormatModal.js b/frontend/src/Settings/CustomFormats/CustomFormats/EditCustomFormatModal.js
index 3011f928c..33455cff2 100644
--- a/frontend/src/Settings/CustomFormats/CustomFormats/EditCustomFormatModal.js
+++ b/frontend/src/Settings/CustomFormats/CustomFormats/EditCustomFormatModal.js
@@ -40,7 +40,7 @@ class EditCustomFormatModal extends Component {
       <Modal
         style={{ height: `${this.state.height}px` }}
         isOpen={isOpen}
-        size={sizes.EXTRA_LARGE}
+        size={sizes.LARGE}
         onModalClose={onModalClose}
       >
         <EditCustomFormatModalContentConnector
diff --git a/frontend/src/Settings/CustomFormats/CustomFormats/EditCustomFormatModalContent.css b/frontend/src/Settings/CustomFormats/CustomFormats/EditCustomFormatModalContent.css
deleted file mode 100644
index 2f6589933..000000000
--- a/frontend/src/Settings/CustomFormats/CustomFormats/EditCustomFormatModalContent.css
+++ /dev/null
@@ -1,18 +0,0 @@
-.formGroupsContainer {
-  display: flex;
-  flex-wrap: wrap;
-}
-
-.formGroupWrapper {
-  flex: 0 0 calc($formGroupSmallWidth - 100px);
-}
-
-.deleteButtonContainer {
-  margin-right: auto;
-}
-
-@media only screen and (max-width: $breakpointLarge) {
-  .formGroupsContainer {
-    display: block;
-  }
-}
diff --git a/frontend/src/Settings/CustomFormats/CustomFormats/EditCustomFormatModalContent.js b/frontend/src/Settings/CustomFormats/CustomFormats/EditCustomFormatModalContent.js
index ca1389665..c3e41d0a8 100644
--- a/frontend/src/Settings/CustomFormats/CustomFormats/EditCustomFormatModalContent.js
+++ b/frontend/src/Settings/CustomFormats/CustomFormats/EditCustomFormatModalContent.js
@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
-import { inputTypes, sizes } from 'Helpers/Props';
+import { inputTypes } from 'Helpers/Props';
 import Button from 'Components/Link/Button';
 import SpinnerErrorButton from 'Components/Link/SpinnerErrorButton';
 import LoadingIndicator from 'Components/Loading/LoadingIndicator';
@@ -12,7 +12,6 @@ import Form from 'Components/Form/Form';
 import FormGroup from 'Components/Form/FormGroup';
 import FormLabel from 'Components/Form/FormLabel';
 import FormInputGroup from 'Components/Form/FormInputGroup';
-import styles from './EditCustomFormatModalContent.css';
 
 class EditCustomFormatModalContent extends Component {
 
@@ -62,35 +61,31 @@ class EditCustomFormatModalContent extends Component {
                 <Form
                   {...otherProps}
                 >
-                  <div className={styles.formGroupsContainer}>
-                    <div className={styles.formGroupWrapper}>
-                      <FormGroup size={sizes.EXTRA_SMALL}>
-                        <FormLabel size={sizes.SMALL}>
-                          Name
-                        </FormLabel>
+                  <FormGroup>
+                    <FormLabel>
+                      Name
+                    </FormLabel>
 
-                        <FormInputGroup
-                          type={inputTypes.TEXT}
-                          name="name"
-                          {...name}
-                          onChange={onInputChange}
-                        />
-                      </FormGroup>
+                    <FormInputGroup
+                      type={inputTypes.TEXT}
+                      name="name"
+                      {...name}
+                      onChange={onInputChange}
+                    />
+                  </FormGroup>
 
-                      <FormGroup size={sizes.EXTRA_SMALL}>
-                        <FormLabel size={sizes.SMALL}>
-                          Format Tags
-                        </FormLabel>
+                  <FormGroup>
+                    <FormLabel>
+                      Format Tags
+                    </FormLabel>
 
-                        <FormInputGroup
-                          type={inputTypes.TEXT_TAG}
-                          name="formatTags"
-                          {...formatTags}
-                          onChange={onInputChange}
-                        />
-                      </FormGroup>
-                    </div>
-                  </div>
+                    <FormInputGroup
+                      type={inputTypes.TEXT_TAG}
+                      name="formatTags"
+                      {...formatTags}
+                      onChange={onInputChange}
+                    />
+                  </FormGroup>
                 </Form>
 
             }