diff --git a/Plugin/unraid/include/ai_chat.php b/Plugin/unraid/include/ai_chat.php index f6b118f..0a24e92 100644 --- a/Plugin/unraid/include/ai_chat.php +++ b/Plugin/unraid/include/ai_chat.php @@ -218,18 +218,24 @@ function vv_ai_chat_assets(): void { text-transform:uppercase; letter-spacing:0.05em; min-width:0; } /* Shortcuts strip. Shut it reads as one quiet line; open it is a two-column list that wraps to - one on a narrow card. Nothing here competes with the transcript below it. */ -.vv-ai-keys { margin-bottom:8px; } + one on a narrow card. Nothing here competes with the transcript below it. + + Shut, it is about half the height it was. Two things were paying for that: the label inherited + a 1.5 line-height it did not need at 10px, and the block carried a margin-bottom that duplicated + the gap the wrapper already puts between its children. The gap alone spaces it now. */ +.vv-ai-keys { line-height:1; } .vv-ai-keys-t { display:flex; align-items:center; gap:5px; background:none; border:none; padding:0; - font-family:inherit; font-size:10px; color:#4a4a4a; cursor:pointer; - letter-spacing:0.04em; text-transform:uppercase; } + font-family:inherit; font-size:10px; line-height:1.1; color:#4a4a4a; + cursor:pointer; letter-spacing:0.04em; text-transform:uppercase; } .vv-ai-keys-t:hover { color:#777; } .vv-ai-keys-c { display:inline-block; font-size:8px; transition:transform .12s; transform:rotate(-90deg); } .vv-ai-keys.open .vv-ai-keys-c { transform:rotate(0deg); } +/* line-height restored: the wrapper drops it to 1 to tighten the collapsed line, and inheriting + that here would stack the open rows on top of each other. */ .vv-ai-keys-b { display:none; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:2px 14px; margin-top:6px; padding:7px 9px; background:#0d0d0d; - border:1px solid #1c1c1c; border-radius:4px; } + border:1px solid #1c1c1c; border-radius:4px; line-height:1.6; } .vv-ai-keys.open .vv-ai-keys-b { display:grid; } .vv-ai-key { display:flex; align-items:baseline; gap:7px; font-size:10px; min-width:0; } .vv-ai-key-k { display:flex; gap:3px; flex-shrink:0; }