Move layout options to their own section

app/javascript/flavours/glitch/features/local_settings/page/index.js

@@ -33,35 +33,38 @@ export default class LocalSettingsPage extends React.PureComponent {
     ({ intl, onChange, settings }) => (
       <div className='glitch local-settings__page general'>
         <h1><FormattedMessage id='settings.general' defaultMessage='General' /></h1>
-        <LocalSettingsPageItem
+        <section>
-          settings={settings}
+          <h2><FormattedMessage id='settings.layout_opts' defaultMessage='Layout options' /></h2>
-          item={['layout']}
+          <LocalSettingsPageItem
-          id='mastodon-settings--layout'
+            settings={settings}
-          options={[
+            item={['layout']}
-            { value: 'auto', message: intl.formatMessage(messages.layout_auto) },
+            id='mastodon-settings--layout'
-            { value: 'multiple', message: intl.formatMessage(messages.layout_desktop) },
+            options={[
-            { value: 'single', message: intl.formatMessage(messages.layout_mobile) },
+              { value: 'auto', message: intl.formatMessage(messages.layout_auto) },
-          ]}
+              { value: 'multiple', message: intl.formatMessage(messages.layout_desktop) },
-          onChange={onChange}
+              { value: 'single', message: intl.formatMessage(messages.layout_mobile) },
-        >
+            ]}
-          <FormattedMessage id='settings.layout' defaultMessage='Layout:' />
+            onChange={onChange}
-        </LocalSettingsPageItem>
+          >
-        <LocalSettingsPageItem
+            <FormattedMessage id='settings.layout' defaultMessage='Layout:' />
-          settings={settings}
+          </LocalSettingsPageItem>
-          item={['stretch']}
+          <LocalSettingsPageItem
-          id='mastodon-settings--stretch'
+            settings={settings}
-          onChange={onChange}
+            item={['stretch']}
-        >
+            id='mastodon-settings--stretch'
-          <FormattedMessage id='settings.wide_view' defaultMessage='Wide view (Desktop mode only)' />
+            onChange={onChange}
-        </LocalSettingsPageItem>
+          >
-        <LocalSettingsPageItem
+            <FormattedMessage id='settings.wide_view' defaultMessage='Wide view (Desktop mode only)' />
-          settings={settings}
+          </LocalSettingsPageItem>
-          item={['navbar_under']}
+          <LocalSettingsPageItem
-          id='mastodon-settings--navbar_under'
+            settings={settings}
-          onChange={onChange}
+            item={['navbar_under']}
-        >
+            id='mastodon-settings--navbar_under'
-          <FormattedMessage id='settings.navbar_under' defaultMessage='Navbar at the bottom (Mobile only)' />
+            onChange={onChange}
-        </LocalSettingsPageItem>
+          >
+            <FormattedMessage id='settings.navbar_under' defaultMessage='Navbar at the bottom (Mobile only)' />
+          </LocalSettingsPageItem>
+        </section>
         <section>
           <h2><FormattedMessage id='settings.compose_box_opts' defaultMessage='Compose box options' /></h2>
           <LocalSettingsPageItem