From cc998f1bc981348e50d2405529e3ee6a9b6e0f4a Mon Sep 17 00:00:00 2001
From: Ben Grant <benjamin.grantGRA0007@gmail.com>
Date: Sat, 20 Aug 2022 23:47:10 +1000
Subject: [PATCH] Move colour dropdown under theme setting

---
 .../src/components/Settings/Settings.jsx      | 26 +++++++++----------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/crabfit-frontend/src/components/Settings/Settings.jsx b/crabfit-frontend/src/components/Settings/Settings.jsx
index 1592eea..20689a3 100644
--- a/crabfit-frontend/src/components/Settings/Settings.jsx
+++ b/crabfit-frontend/src/components/Settings/Settings.jsx
@@ -126,19 +126,6 @@ const Settings = () => {
           onChange={value => store.setTheme(value)}
         />
 
-        <ToggleField
-          label={t('options.highlight.label')}
-          name="highlight"
-          id="highlight"
-          title={t('options.highlight.title')}
-          options={{
-            'Off': t('options.highlight.options.Off'),
-            'On': t('options.highlight.options.On'),
-          }}
-          value={store.highlight ? 'On' : 'Off'}
-          onChange={value => store.setHighlight(value === 'On')}
-        />
-
         <SelectField
           label={t('options.colormap.label')}
           name="colormap"
@@ -157,6 +144,19 @@ const Settings = () => {
           onChange={event => store.setColormap(event.target.value)}
         />
 
+        <ToggleField
+          label={t('options.highlight.label')}
+          name="highlight"
+          id="highlight"
+          title={t('options.highlight.title')}
+          options={{
+            'Off': t('options.highlight.options.Off'),
+            'On': t('options.highlight.options.On'),
+          }}
+          value={store.highlight ? 'On' : 'Off'}
+          onChange={value => store.setHighlight(value === 'On')}
+        />
+
         <SelectField
           label={t('options.language.label')}
           name="language"