diff --git a/qt/aqt/data/web/css/editor.scss b/qt/aqt/data/web/css/editor.scss index dc65c3e6a..c24c15275 100644 --- a/qt/aqt/data/web/css/editor.scss +++ b/qt/aqt/data/web/css/editor.scss @@ -34,12 +34,28 @@ body { } #topbutsOuter { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + position: sticky; top: 0; left: 0; padding: 2px; } +.topbuts > * { + margin: 0 1px; + + &:first-child { + margin-left: 0; + } + + &:last-child { + margin-right: 0; + } +} + .topbut { width: 16px; height: 16px; @@ -59,6 +75,7 @@ body { button.linkb { -webkit-appearance: none; + margin-bottom: -3px; border: 0; box-shadow: none; padding: 0px 2px; @@ -79,12 +96,12 @@ button:focus { } button.highlighted { - .nightMode #topbutsleft & { - background: linear-gradient(0deg, #333333 0%, #434343 100%); - } - #topbutsleft & { background-color: lightgrey; + + .nightMode & { + background: linear-gradient(0deg, #333333 0%, #434343 100%); + } } #topbutsright & { diff --git a/qt/aqt/editor.py b/qt/aqt/editor.py index 3abe0ca70..babd4f24a 100644 --- a/qt/aqt/editor.py +++ b/qt/aqt/editor.py @@ -76,9 +76,7 @@ html { background: %s; }
-
- %s -
+ %s
@@ -206,10 +204,10 @@ class Editor: righttopbtns = runFilter("setupEditorButtons", righttopbtns, self) topbuts = """ -
+
%(leftbts)s
-
+
%(rightbts)s
""" % dict( @@ -330,7 +328,7 @@ class Editor: class_ = "" if not disables: class_ += " perm" - return """