Ungroup utils and shortcuts in settings

ParticleCore · Mar 1, 2024 · 87cba6b · 87cba6b
1 parent 68fbcc2
commit 87cba6b
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 22 deletions.
diff --git a/src/chrome/html/options.html b/src/chrome/html/options.html
@@ -514,18 +514,8 @@
             <div class="contentTitle" data-id="utilsAndShortcuts" data-locale="contentTitle">Utils and shortcuts</div>
             <div class="contentDescription borderBottom" data-id="utilsAndShortcuts" data-locale="contentDescription">Show utils and shortcuts below the player. Shortcuts allow features to be controlled directly</div>
             <div class="settingGroup">
-                <div class="settingLabel">Options</div>
+                <div class="settingLabel">Utils</div>
                 <div class="settingOptions">
-                    <div class="setting" data-id="videoFocusToggle">
-                        <label class="switch">
-                            <input data-setting="videoFocusToggle" type="checkbox">
-                            <span class="slider"></span>
-                        </label>
-                        <div class="settingDescription">
-                            <div class="settingDescription highlight">Video focus shortcut</div>
-                            <div class="settingDescription">Shortcut that allows video focus to be controlled from the video page</div>
-                        </div>
-                    </div>
                     <div class="setting" data-id="videoScreenshot">
                         <label class="switch">
                             <input data-setting="videoScreenshot" type="checkbox">
@@ -558,6 +548,21 @@
                     </div>
                 </div>
             </div>
+            <div class="settingGroup">
+                <div class="settingLabel">Shortcuts</div>
+                <div class="settingOptions">
+                    <div class="setting" data-id="videoFocusToggle">
+                        <label class="switch">
+                            <input data-setting="videoFocusToggle" type="checkbox">
+                            <span class="slider"></span>
+                        </label>
+                        <div class="settingDescription">
+                            <div class="settingDescription highlight">Video focus shortcut</div>
+                            <div class="settingDescription">Shortcut that allows video focus to be controlled from the video page</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
         </div>
         <div class="content" data-content="blackList">
             <div class="contentTitle" data-id="blackList" data-locale="contentTitle">Blacklist</div>

diff --git a/src/firefox/html/options.html b/src/firefox/html/options.html
@@ -514,18 +514,8 @@
             <div class="contentTitle" data-id="utilsAndShortcuts" data-locale="contentTitle">Utils and shortcuts</div>
             <div class="contentDescription borderBottom" data-id="utilsAndShortcuts" data-locale="contentDescription">Show utils and shortcuts below the player. Shortcuts allow features to be controlled directly</div>
             <div class="settingGroup">
-                <div class="settingLabel">Options</div>
+                <div class="settingLabel">Utils</div>
                 <div class="settingOptions">
-                    <div class="setting" data-id="videoFocusToggle">
-                        <label class="switch">
-                            <input data-setting="videoFocusToggle" type="checkbox">
-                            <span class="slider"></span>
-                        </label>
-                        <div class="settingDescription">
-                            <div class="settingDescription highlight">Video focus shortcut</div>
-                            <div class="settingDescription">Shortcut that allows video focus to be controlled from the video page</div>
-                        </div>
-                    </div>
                     <div class="setting" data-id="videoScreenshot">
                         <label class="switch">
                             <input data-setting="videoScreenshot" type="checkbox">
@@ -558,6 +548,21 @@
                     </div>
                 </div>
             </div>
+            <div class="settingGroup">
+                <div class="settingLabel">Shortcuts</div>
+                <div class="settingOptions">
+                    <div class="setting" data-id="videoFocusToggle">
+                        <label class="switch">
+                            <input data-setting="videoFocusToggle" type="checkbox">
+                            <span class="slider"></span>
+                        </label>
+                        <div class="settingDescription">
+                            <div class="settingDescription highlight">Video focus shortcut</div>
+                            <div class="settingDescription">Shortcut that allows video focus to be controlled from the video page</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
         </div>
         <div class="content" data-content="blackList">
             <div class="contentTitle" data-id="blackList" data-locale="contentTitle">Blacklist</div>