From 1f4de7fe4beb148967c99e5aa1ded7a9c3135a47 Mon Sep 17 00:00:00 2001
From: Henrik Giesel <hengiesel@gmail.com>
Date: Thu, 21 Jan 2021 21:20:57 +0100
Subject: [PATCH] Adjust the positioning of the editor toolarea via CSS

---
 qt/aqt/data/web/css/editor.scss | 10 ++--------
 qt/aqt/editor.py                | 12 +++++++-----
 2 files changed, 9 insertions(+), 13 deletions(-)

diff --git a/qt/aqt/data/web/css/editor.scss b/qt/aqt/data/web/css/editor.scss
index c1bff5cf0..dc65c3e6a 100644
--- a/qt/aqt/data/web/css/editor.scss
+++ b/qt/aqt/data/web/css/editor.scss
@@ -34,12 +34,10 @@ body {
 }
 
 #topbutsOuter {
-    position: fixed;
+    position: sticky;
     top: 0;
-    padding: 2px;
     left: 0;
-    right: 0;
-    z-index: 1;
+    padding: 2px;
 }
 
 .topbut {
@@ -94,10 +92,6 @@ button.highlighted {
     }
 }
 
-#fields {
-    margin-top: 35px;
-}
-
 .dupe {
     background: var(--flag1-bg);
 }
diff --git a/qt/aqt/editor.py b/qt/aqt/editor.py
index 342bdb877..3abe0ca70 100644
--- a/qt/aqt/editor.py
+++ b/qt/aqt/editor.py
@@ -74,12 +74,14 @@ _html = """
 html { background: %s; }
 #topbutsOuter { background: %s; }
 </style>
-<div id="topbutsOuter">
-    <div id="topbuts" class="clearfix">
-%s
+<div>
+    <div id="topbutsOuter">
+        <div id="topbuts" class="clearfix">
+    %s
+        </div>
+    </div>
+    <div id="fields">
     </div>
-</div>
-<div id="fields">
 </div>
 <div id="dupes" style="display:none;">
     <a href="#" onclick="pycmd('dupes');return false;">