From 73db96572fa60d72190c1d317c7384161507980f Mon Sep 17 00:00:00 2001 From: foxxcn Date: Sun, 11 Oct 2026 21:43:06 +0800 Subject: [PATCH] webui: stop the toolbar wrapping at half the window width With position: fixed and left: 50%, the toolbar's available width was only half the viewport, so at 696px it wrapped into five rows and covered the top of the video. Size it to its content (width: max-content) and keep the viewport cap, so it only wraps when it truly does not fit. Co-Authored-By: Claude Opus 5.5 --- crates/rkvm-web/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/crates/rkvm-web/index.html b/crates/rkvm-web/index.html index 5037a23..5f77cfb 100644 --- a/crates/rkvm-web/index.html +++ b/crates/rkvm-web/index.html @@ -84,7 +84,7 @@ display: flex; align-items: center; gap: 8px; padding: 7px 10px; border-radius: 14px; background: rgba(18, 21, 28, 0.82); border: 1px solid var(--border); font-size: 12px; backdrop-filter: blur(16px) saturate(1.4); box-shadow: var(--shadow); - max-width: calc(100vw - 16px); box-sizing: border-box; flex-wrap: wrap; + width: max-content; max-width: calc(100vw - 16px); box-sizing: border-box; flex-wrap: wrap; justify-content: center; row-gap: 4px; } .toolbar.open { transform: translateX(-50%) translateY(0); opacity: 1; } .toolbar button { display: inline-flex; align-items: center; justify-content: center;