diff options
| author | toasted-nutbread <toasted-nutbread@users.noreply.github.com> | 2021-05-08 15:18:41 -0400 |
|---|---|---|
| committer | toasted-nutbread <toasted-nutbread@users.noreply.github.com> | 2021-05-08 15:25:46 -0400 |
| commit | 42c25388247a85ae70e409a3339b0428f922c36c (patch) | |
| tree | 3321776e36ca70b9ab147df93fe8c0d38042751b | |
| parent | ff93079a784fd2673f85d09c6d3678ac7ff05cfd (diff) | |
Fix secondary search dictionary options layout (#1654)21.4.30.1
| -rw-r--r-- | ext/css/settings.css | 9 | ||||
| -rw-r--r-- | 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"> |