Skip to content

Commit b953cf8

Browse files
DannyCrewsclaude
andcommitted
fix: toolbar wraps instead of overflowing off-screen
Replace fixed h-12 with flex-wrap + py-2 so toolbar items flow to a second line on narrower viewports instead of hiding behind overflow. Remove shrink-0 from the right-side button group so it can wrap too. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
1 parent 49def51 commit b953cf8

1 file changed

Lines changed: 2 additions & 2 deletions

File tree

web/index.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -84,7 +84,7 @@
8484
<header class="bg-gray-800 border-b border-gray-700 flex flex-col shrink-0">
8585
<!-- Page title — visually hidden but announces the app to screen readers -->
8686
<h1 class="sr-only">Plugin Profiler</h1>
87-
<div class="h-12 flex items-center gap-3 px-4 overflow-x-auto">
87+
<div class="flex flex-wrap items-center gap-x-3 gap-y-1 px-4 py-2">
8888
<div class="flex items-center gap-2 mr-2 shrink-0">
8989
<span class="text-pink-400 font-bold text-sm">&#x25CE;</span>
9090
<div class="flex flex-col leading-tight min-w-0">
@@ -111,7 +111,7 @@ <h1 class="sr-only">Plugin Profiler</h1>
111111
<datalist id="node-labels"></datalist>
112112
</div>
113113

114-
<div class="ml-auto flex items-center gap-2 shrink-0">
114+
<div class="ml-auto flex flex-wrap items-center gap-2">
115115
<!-- Stats -->
116116
<span id="plugin-stats" class="text-gray-400 text-xs"></span>
117117

0 commit comments

Comments
 (0)