pot-375 - Making modals compatible with themes

web/react/components/user_settings/premade_theme_chooser.jsx

@@ -24,7 +24,7 @@ export default class PremadeThemeChooser extends React.Component {
 
                 premadeThemes.push(
                     <div
-                        className='col-sm-3 premade-themes'
+                        className='col-xs-6 col-sm-3 premade-themes'
                         key={'premade-theme-key' + k}
                     >
                         <div
@@ -34,7 +34,7 @@ export default class PremadeThemeChooser extends React.Component {
                             <label>
                                 <img
                                     className='img-responsive'
-                                    src={'/static/images/themes/' + premadeTheme.type.toLowerCase() + '.png'}
+                                    src={'/static/images/themes/' + premadeTheme.type.toLowerCase() + '.jpg'}
                                 />
                                 <div className='theme-label'>{Utils.toTitleCase(premadeTheme.type)}</div>
                             </label>

web/react/components/user_settings/user_settings_appearance.jsx

@@ -214,14 +214,15 @@ export default class UserSettingsAppearance extends React.Component {
                     <div className='divider-dark first'/>
                     {themeUI}
                     <div className='divider-dark'/>
+                    <br/>
+                    <a
+                        href='#'
+                        className='theme'
+                        onClick={this.handleImportModal}
+                    >
+                        {'Import from Slack'}
+                    </a>
                 </div>
-                <br/>
-                <a
-                    className='theme'
-                    onClick={this.handleImportModal}
-                >
-                    {'Import from Slack'}
-                </a>
             </div>
         );
     }