UI styling/propType fixes

frontend/src/Components/Menu/MenuButton.css

@@ -19,12 +19,3 @@
 
   pointer-events: none;
 }
-
-@media only screen and (max-width: $breakpointSmall) {
-  .menuButton {
-    &::after {
-      margin-left: 0;
-      content: '\25BE';
-    }
-  }
-}

frontend/src/Components/Page/Toolbar/PageToolbarSection.css

@@ -22,6 +22,19 @@
   justify-content: flex-end;
 }
 
+.overflowMenuButton {
+  composes: menuButton from 'Components/Menu/ToolbarMenuButton.css';
+}
+
 .overflowMenuItemIcon {
   margin-right: 8px;
 }
+
+@media only screen and (max-width: $breakpointSmall) {
+  .overflowMenuButton {
+    &::after {
+      margin-left: 0;
+      content: '\25BE';
+    }
+  }
+}

frontend/src/Components/Page/Toolbar/PageToolbarSection.js

@@ -160,6 +160,7 @@ class PageToolbarSection extends Component {
                   !!overflowItems.length &&
                     <Menu>
                       <ToolbarMenuButton
+                        className={styles.overflowMenuButton}
                         iconName={icons.OVERFLOW}
                         text="More"
                       />
@@ -179,14 +180,13 @@ class PageToolbarSection extends Component {
                             return (
                               <MenuItem
                                 key={label}
-                                isDisabled={isDisabled}
+                                isDisabled={isDisabled || isSpinning}
                                 {...otherProps}
                               >
                                 <SpinnerIcon
                                   className={styles.overflowMenuItemIcon}
                                   name={iconName}
                                   spinningName={spinningName}
-                                  isDisabled={isDisabled}
                                   isSpinning={isSpinning}
                                 />
                                 {label}

frontend/src/Settings/Profiles/Release/EditReleaseProfileModalContent.js

@@ -94,7 +94,7 @@ function EditReleaseProfileModalContent(props) {
             <FormInputGroup
               type={inputTypes.CHECK}
               name="includePreferredWhenRenaming"
-              helpText="If Preferred Words is included in the naming format include the preferred words above"
+              helpText="Include in {Preferred Words} renaming format"
               {...includePreferredWhenRenaming}
               onChange={onInputChange}
             />

frontend/src/Settings/Profiles/Release/EditReleaseProfileModalContentConnector.js

@@ -10,7 +10,7 @@ import EditReleaseProfileModalContent from './EditReleaseProfileModalContent';
 const newReleaseProfile = {
   required: '',
   ignored: '',
-  preferred: '',
+  preferred: [],
   includePreferredWhenRenaming: false,
   tags: []
 };