aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authortoasted-nutbread <toasted-nutbread@users.noreply.github.com>2021-05-08 15:18:41 -0400
committerGitHub <noreply@github.com>2021-05-08 15:18:41 -0400
commitf935623f3516a0c2ea34780ddec171acf6935b03 (patch)
tree78e9e685e2a023262dce69211b5c8cc775c46c5b
parent289bdc162228609e841ae69a2ba1295926401ecd (diff)
Fix secondary search dictionary options layout (#1654)
-rw-r--r--ext/css/settings.css9
-rw-r--r--ext/settings.html14
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">