Fixed: Custom Format Edit Modal Huge Size

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

frontend/src/Settings/CustomFormats/CustomFormats/EditCustomFormatModalContent.css

@@ -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;
-  }
-}

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,10 +61,8 @@ class EditCustomFormatModalContent extends Component {
                 <Form
                   {...otherProps}
                 >
-                  <div className={styles.formGroupsContainer}>
-                    <div className={styles.formGroupWrapper}>
-                      <FormGroup size={sizes.EXTRA_SMALL}>
-                        <FormLabel size={sizes.SMALL}>
+                  <FormGroup>
+                    <FormLabel>
                       Name
                     </FormLabel>
 
@@ -77,8 +74,8 @@ class EditCustomFormatModalContent extends Component {
                     />
                   </FormGroup>
 
-                      <FormGroup size={sizes.EXTRA_SMALL}>
-                        <FormLabel size={sizes.SMALL}>
+                  <FormGroup>
+                    <FormLabel>
                       Format Tags
                     </FormLabel>
 
@@ -89,8 +86,6 @@ class EditCustomFormatModalContent extends Component {
                       onChange={onInputChange}
                     />
                   </FormGroup>
-                    </div>
-                  </div>
                 </Form>
 
             }