Options page TLC

3 files changed, 28 insertions, 5 deletions

diff --git a/ext/bg/js/options-form.js b/ext/bg/js/options-form.js
index fdaf059f..b4558a56 100644
--- a/ext/bg/js/options-form.js
+++ b/ext/bg/js/options-form.js
@@ -43,8 +43,25 @@ function modelIdToFieldOptKey(id) {
 
 function modelIdToMarkers(id) {
     return {
-        'anki-term-model': ['audio', 'expression', 'glossary', 'glossary-list', 'reading', 'sentence', 'tags', 'url'],
-        'anki-kanji-model': ['character', 'glossary', 'glossary-list', 'kunyomi', 'onyomi', 'url'],
+        'anki-term-model': [
+            'audio',
+            'expression',
+            'expression-furigana',
+            'glossary',
+            'glossary-list',
+            'reading',
+            'sentence',
+            'tags',
+            'url'
+        ],
+        'anki-kanji-model': [
+            'character',
+            'glossary',
+            'glossary-list',
+            'kunyomi',
+            'onyomi',
+            'url'
+        ],
     }[id];
 }
 
diff --git a/ext/bg/js/yomichan.js b/ext/bg/js/yomichan.js
index 4face6cd..0e39d3e8 100644
--- a/ext/bg/js/yomichan.js
+++ b/ext/bg/js/yomichan.js
@@ -169,7 +169,7 @@ class Yomichan {
                     break;
                 case 'glossary-list':
                     if (definition.glossary) {
-                        value = '<ol>';
+                        value = '<ol style="text-align: left;">';
                         for (const gloss of definition.glossary) {
                             value += `<li>${gloss}</li>`;
                         }
diff --git a/ext/bg/options.html b/ext/bg/options.html
index 71e0a264..2b2e283b 100644
--- a/ext/bg/options.html
+++ b/ext/bg/options.html
@@ -72,9 +72,15 @@
                     <label for="anki-method">Connection method</label>
                     <select class="form-control" id="anki-method">
                         <option value="disabled">Disabled (no auto flashcard creation)</option>
-                        <option value="ankiweb">AnkiWeb (requires an account on AnkiWeb)</option>
                         <option value="ankiconnect">AnkiConnect (requires the AnkiConnect plugin)</option>
+                        <option value="ankiweb">AnkiWeb (requires an account on AnkiWeb)</option>
                     </select>
+                    <p class="help-block">
+                        Yomichan features automatic flashcard creation for <a href="http://ankisrs.net/">Anki</a>, a free application
+                        designed to help you retain knowledge. While the <a href="https://foosoft.net/projects/anki-connect/">AnkiConnect</a> plugin
+                        offers the best experience, it is also possible to create flash cards through <a href="https://ankiweb.net/">AnkiWeb</a>,
+                        provided you already have an account.
+                    </p>
                 </div>
 
                 <div id="anki-general">
@@ -91,7 +97,7 @@
                     </div>
 
                     <div class="form-group">
-                        <label for="anki-card-tags">Card tags</label>
+                        <label for="anki-card-tags">Card tags (comma or space separated)</label>
                         <input type="text" id="anki-card-tags" class="form-control">
                     </div>