From f0d217719c1aba4ef8ddb2fbb2e1b53263449e79 Mon Sep 17 00:00:00 2001
From: Tobias <tobfa@cendio.se>
Date: Wed, 18 Feb 2026 10:51:33 +0100
Subject: [PATCH] Make scroll bar and key modifiers flex box

In preparation for horizontal control bar modes
---
 app/styles/base.css | 22 ++++++++++++++++------
 1 file changed, 16 insertions(+), 6 deletions(-)

diff --git a/app/styles/base.css b/app/styles/base.css
index 33f0f359..10d2d305 100644
--- a/app/styles/base.css
+++ b/app/styles/base.css
@@ -343,12 +343,12 @@ html {
     max-height: 100vh; /* Chrome is buggy with 100% */
     overflow-x: hidden;
     overflow-y: auto;
-    padding: 0 10px;
-}
-
-#noVNC_control_bar > .noVNC_scroll > * {
-    display: block;
-    margin: 10px auto;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: center;
+    gap: 10px 0;
 }
 
 /* Control bar hint */
@@ -543,6 +543,8 @@ html {
     /* Remove all but top border */
     border: none;
     border-top: 1px solid rgba(255, 255, 255, 0.2);
+    width: 100%;
+    margin: 0;
 }
 
 :root:not(.noVNC_connected) #noVNC_view_drag_button {
@@ -573,6 +575,14 @@ html {
     background-color: var(--novnc-darkgrey);
     border: none;
     padding: 10px;
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: center;
+    gap: 10px 0;
+}
+#noVNC_modifiers > * {
+    margin: 0;
 }
 
 /* Shutdown/Reboot */