From bfbde0dee374695972d4b3fb665fc6d9cd8c45f0 Mon Sep 17 00:00:00 2001
From: liquidev <liquidev@tutanota.com>
Date: Tue, 3 Sep 2024 22:42:00 +0200
Subject: [PATCH] simplify CSS rules for brush editor overflow

---
 static/index.css  | 28 ++++++++++++----------------
 static/index.html | 14 ++++++--------
 2 files changed, 18 insertions(+), 24 deletions(-)

diff --git a/static/index.css b/static/index.css
index 4795d27..af6aea6 100644
--- a/static/index.css
+++ b/static/index.css
@@ -41,27 +41,23 @@ main {
 
         &>.right {
             grid-column: right / right;
-            height: 100%;
+            height: fit-content;
             min-height: 0;
             max-height: 100%;
 
-            &>.right-content {
-                max-height: 100%;
+            display: flex;
+            flex-direction: row;
+            justify-content: stretch;
 
-                display: flex;
-                flex-direction: row;
-                justify-content: stretch;
-                
-                &>rkgk-resize-handle {
-                    flex-shrink: 0;
-                    height: auto;
-                }
+            &>rkgk-resize-handle {
+                flex-shrink: 0;
+                height: auto;
+            }
 
-                &>rkgk-brush-editor {
-                    height: auto;
-                    overflow: auto;
-                    flex-grow: 1;
-                }
+            &>rkgk-brush-editor {
+                height: auto;
+                overflow: auto;
+                flex-grow: 1;
             }
         }
     }
diff --git a/static/index.html b/static/index.html
index a0507f6..29ac9c5 100644
--- a/static/index.html
+++ b/static/index.html
@@ -51,14 +51,12 @@
                     <a href="/docs/rkgk.html">Manual</a>
                 </div>
                 <div class="right">
-                    <div class="right-content">
-                        <rkgk-resize-handle
-                            data-direction="vertical"
-                            data-target="panels-overlay"
-                            data-target-property="--right-width"
-                            data-init-size="384"></rkgk-resize-handle>
-                        <rkgk-brush-editor></rkgk-brush-editor>
-                    </div>
+                    <rkgk-resize-handle
+                        data-direction="vertical"
+                        data-target="panels-overlay"
+                        data-target-property="--right-width"
+                        data-init-size="384"></rkgk-resize-handle>
+                    <rkgk-brush-editor></rkgk-brush-editor>
                 </div>
             </div>