From ddb6b77abb5171ed805d5df89cf0f62c95878a13 Mon Sep 17 00:00:00 2001
From: w1n5t0n <w1n5t0n@lnfinitemonkeys.org>
Date: Tue, 24 Mar 2026 01:54:09 +0200
Subject: [PATCH] fix(playground): prevent play drawer from triggering on
 preset hover, pin controls to top

- Change drawer hover trigger from .synth-quick-controls:hover to
  .play-btn:hover ~ so hovering preset selector no longer opens it
- Add .play-drawer:hover to keep drawer open when mouse moves to it
- Set align-self: flex-start on play-btn and preset-select to prevent
  vertical layout shift when drawer appears
---
 playground/css/a-immersive.css | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/playground/css/a-immersive.css b/playground/css/a-immersive.css
index 60c41f6..eb6df4d 100644
--- a/playground/css/a-immersive.css
+++ b/playground/css/a-immersive.css
@@ -1006,6 +1006,7 @@ html, body {
   transition: background 0.15s, border-color 0.15s;
   padding: 0;
   flex-shrink: 0;
+  align-self: flex-start;
 }
 
 .play-btn:active {
@@ -1071,7 +1072,8 @@ html, body {
   color: var(--text-dim);
 }
 
-.synth-quick-controls:hover .play-drawer,
+.play-btn:hover ~ .play-drawer,
+.play-drawer:hover,
 .play-drawer.show {
   display: flex;
 }
@@ -1100,6 +1102,7 @@ html, body {
   min-width: 0;
   max-width: 160px;
   text-overflow: ellipsis;
+  align-self: flex-start;
 }
 
 .preset-select:hover,