From ab1e2b3d5d79d177d273bb19841615d43cd83df6 Mon Sep 17 00:00:00 2001
From: siikamiika <siikamiika@users.noreply.github.com>
Date: Thu, 26 Oct 2017 10:31:59 +0300
Subject: [PATCH] settings: move main dictionary below Dictionaries, styling

---
 ext/bg/js/settings.js |  2 +-
 ext/bg/settings.html  | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/ext/bg/js/settings.js b/ext/bg/js/settings.js
index 19cdfa60..7a9ba4f9 100644
--- a/ext/bg/js/settings.js
+++ b/ext/bg/js/settings.js
@@ -122,7 +122,7 @@ async function formMainDictionaryOptionsPopulate(options) {
         options.general.mainDictionary = '';
     }
 
-    const notSelectedOptionHtml = `<option value=""${!mainDictionarySelected ? ' selected' : ''}>(Not selected)</option>`;
+    const notSelectedOptionHtml = `<option class="text-muted" value=""${!mainDictionarySelected ? ' selected' : ''}>Not selected</option>`;
 
     select.append($([notSelectedOptionHtml].concat(formOptionsHtml).join('')));
 }
diff --git a/ext/bg/settings.html b/ext/bg/settings.html
index 8c457652..f430d5e2 100644
--- a/ext/bg/settings.html
+++ b/ext/bg/settings.html
@@ -60,11 +60,6 @@
                     </select>
                 </div>
 
-                <div class="form-group options-merge">
-                    <label for="main-dictionary">Main dictionary</label>
-                    <select class="form-control" id="main-dictionary"></select>
-                </div>
-
                 <div class="form-group">
                     <label for="audio-playback-source">Audio playback source</label>
                     <select class="form-control" id="audio-playback-source">
@@ -145,6 +140,11 @@
                     <h3>Dictionaries</h3>
                 </div>
 
+                <div class="form-group options-merge">
+                    <label for="main-dictionary">Main dictionary</label>
+                    <select class="form-control" id="main-dictionary"></select>
+                </div>
+
                 <p class="help-block">
                     Yomichan can import and use a variety of dictionary formats. Unneeded dictionaries can be disabled,
                     or you can simply <a href="#" id="dict-purge-link">purge the database</a> to delete everything.