From f935623f3516a0c2ea34780ddec171acf6935b03 Mon Sep 17 00:00:00 2001
From: toasted-nutbread <toasted-nutbread@users.noreply.github.com>
Date: Sat, 8 May 2021 15:18:41 -0400
Subject: [PATCH] Fix secondary search dictionary options layout (#1654)

---
 ext/css/settings.css |  9 +++++++++
 ext/settings.html    | 14 +++++---------
 2 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/ext/css/settings.css b/ext/css/settings.css
index 588a5f90..9a0e0a8b 100644
--- a/ext/css/settings.css
+++ b/ext/css/settings.css
@@ -2224,6 +2224,15 @@ input[type=number].dictionary-priority {
 }
 
 
+/* Secondary search dictionary settings */
+.secondary-search-dictionary-list {
+    margin-top: 0.5em;
+}
+.secondary-search-dictionary-item {
+    padding: 0.375em 0;
+}
+
+
 /* Generic layouts */
 .margin-above {
     margin-top: 0.85em;
diff --git a/ext/settings.html b/ext/settings.html
index f7730eb4..9821d50c 100644
--- a/ext/settings.html
+++ b/ext/settings.html
@@ -2146,7 +2146,7 @@
             These dictionaries will be used to search for definitions of the related terms when the grouping mode is
             <em>Group related terms</em>.
         </p>
-        <div id="secondary-search-dictionary-list" class="dictionary-list margin-above"></div>
+        <div id="secondary-search-dictionary-list" class="secondary-search-dictionary-list"></div>
     </div>
     <div class="modal-footer">
         <button data-modal-action="hide">Close</button>
@@ -2289,14 +2289,10 @@
     <button class="popup-menu-item" data-menu-action="delete">Delete</button>
 </div></div></div></template>
 
-<template id="secondary-search-dictionary-template"><div class="settings-item dictionary-item"><div class="settings-item-inner">
-    <div class="settings-item-left">
-        <div class="settings-item-label dictionary-info">
-            <label class="toggle"><input type="checkbox" class="dictionary-allow-secondary-searches"><span class="toggle-body"><span class="toggle-track"></span><span class="toggle-knob"></span></span></label>
-            <span class="dictionary-info-label"><strong class="dictionary-title"></strong> <span class="light dictionary-version"></span></span>
-        </div>
-    </div>
-</div></div></template>
+<template id="secondary-search-dictionary-template"><div class="secondary-search-dictionary-item horizontal-flex">
+    <label class="toggle"><input type="checkbox" class="dictionary-allow-secondary-searches"><span class="toggle-body"><span class="toggle-track"></span><span class="toggle-knob"></span></span></label>
+    <span class="horizontal-flex-fill"><strong class="dictionary-title"></strong> <span class="light dictionary-version"></span></span>
+</div></template>
 
 <template id="collapsible-dictionary-item-template"><div class="collapsible-dictionary-item">
     <div class="collapsible-dictionary-cell">