From 8be0ddeb26ec5a7bf8d3044852754c4625a27230 Mon Sep 17 00:00:00 2001
From: toasted-nutbread <toasted-nutbread@users.noreply.github.com>
Date: Wed, 9 Oct 2019 22:02:25 -0400
Subject: [PATCH] Create region for audio options

---
 ext/bg/settings.html | 42 +++++++++++++++++++++++-------------------
 1 file changed, 23 insertions(+), 19 deletions(-)

diff --git a/ext/bg/settings.html b/ext/bg/settings.html
index 0bc5e14c..bfbb7c7d 100644
--- a/ext/bg/settings.html
+++ b/ext/bg/settings.html
@@ -140,10 +140,6 @@
                     <label><input type="checkbox" id="compact-glossaries"> Compact glossaries</label>
                 </div>
 
-                <div class="checkbox">
-                    <label><input type="checkbox" id="auto-play-audio"> Play audio automatically</label>
-                </div>
-
                 <div class="checkbox">
                     <label><input type="checkbox" id="show-advanced-options"> Show advanced options</label>
                 </div>
@@ -161,16 +157,6 @@
                     </select>
                 </div>
 
-                <div class="form-group">
-                    <label for="audio-playback-source">Audio playback source</label>
-                    <select class="form-control" id="audio-playback-source">
-                        <option value="disabled">Disabled</option>
-                        <option value="jpod101">JapanesePod101</option>
-                        <option value="jpod101-alternate">JapanesePod101 (alternate)</option>
-                        <option value="jisho">Jisho.org</option>
-                    </select>
-                </div>
-
                 <div class="form-group">
                     <label for="popup-display-mode">Popup display mode</label>
                     <select class="form-control" id="popup-display-mode">
@@ -179,11 +165,6 @@
                     </select>
                 </div>
 
-                <div class="form-group options-advanced">
-                    <label for="audio-playback-volume">Audio playback volume <span class="label-light">(percent)</span></label>
-                    <input type="number" min="0" max="100" id="audio-playback-volume" class="form-control">
-                </div>
-
                 <div class="form-group options-advanced">
                     <label for="max-displayed-results">Maximum displayed results</label>
                     <input type="number" min="1" id="max-displayed-results" class="form-control">
@@ -256,6 +237,29 @@
                 </div>
             </div>
 
+            <div>
+                <h3>Audio Options</h3>
+
+                <div class="checkbox">
+                    <label><input type="checkbox" id="auto-play-audio"> Play audio automatically</label>
+                </div>
+
+                <div class="form-group">
+                    <label for="audio-playback-volume">Audio playback volume <span class="label-light">(percent)</span></label>
+                    <input type="number" min="0" max="100" id="audio-playback-volume" class="form-control">
+                </div>
+
+                <div class="form-group">
+                    <label for="audio-playback-source">Audio playback source</label>
+                    <select class="form-control" id="audio-playback-source">
+                        <option value="disabled">Disabled</option>
+                        <option value="jpod101">JapanesePod101</option>
+                        <option value="jpod101-alternate">JapanesePod101 (alternate)</option>
+                        <option value="jisho">Jisho.org</option>
+                    </select>
+                </div>
+            </div>
+
             <div>
                 <h3>Scanning Options</h3>