From 1f55ff536eeedd408e13deb8bcd431b26d5e3a86 Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Mon, 22 Dec 2025 22:23:16 +0200
Subject: [PATCH] client/status bar panes: tweak

---
 apps/client/src/widgets/layout/StatusBar.css | 15 +++++++++------
 apps/client/src/widgets/layout/StatusBar.tsx |  5 ++---
 2 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/apps/client/src/widgets/layout/StatusBar.css b/apps/client/src/widgets/layout/StatusBar.css
index e9ad2e231..8a21c233d 100644
--- a/apps/client/src/widgets/layout/StatusBar.css
+++ b/apps/client/src/widgets/layout/StatusBar.css
@@ -250,7 +250,13 @@
         }
 
         .attribute-list-editor {
-            padding: 0 !important;
+            padding-block: 0 !important;
+            padding-inline: 0 100px !important ;
+        }
+
+        .ck.ck-editor__editable::after {
+            /* Remove a hidden spinner that causes overflow */
+            display: none;
         }
     }
 
@@ -287,11 +293,8 @@
         border-bottom: 1px solid var(--main-border-color);
         background: #181818;
         padding: 8px 12px;
-        
-        &.status-bar-pane-scrollable {
-            max-height: 40vh;
-            overflow-y: auto;
-        }
+        max-height: 40vh;
+        overflow-y: auto;
     }
 }
 
diff --git a/apps/client/src/widgets/layout/StatusBar.tsx b/apps/client/src/widgets/layout/StatusBar.tsx
index a52cc9323..691b8c576 100644
--- a/apps/client/src/widgets/layout/StatusBar.tsx
+++ b/apps/client/src/widgets/layout/StatusBar.tsx
@@ -455,17 +455,16 @@ interface StatusBarPaneParms {
     title: string;
     visible: boolean;
     setVisible?: (visible: boolean) => void;
-    scrollable?: boolean;
     className?: string;
 }
 
-function StatusBarPane({ children, title, visible, setVisible, className, scrollable }: StatusBarPaneParms) {
+function StatusBarPane({ children, title, visible, setVisible, className }: StatusBarPaneParms) {
     return <div className={clsx("status-bar-pane", className, {"hidden-ext": !visible})}>
         <div className="status-bar-pane-title-bar">
             <span className="status-bar-pane-title-bar-caption">{title}</span>
             <button class="icon-action bx bx-x" onClick={() => setVisible?.(false)}></button>
         </div>
-        <div class={clsx("status-bar-pane-content", { "status-bar-pane-scrollable": scrollable })}>
+        <div class={clsx("status-bar-pane-content")}>
             {children}
         </div>
     </div>