From 1eb87f4541d703227164663913b5fe8bc43b28ee Mon Sep 17 00:00:00 2001 From: scheinriese Date: Mon, 9 Mar 2026 16:16:54 +0100 Subject: [PATCH] Fix vertical alignment of shortcut list rows for single and multi-line Switch from items-center to items-start so multi-line rows keep the label top-aligned instead of vertically centered against wrapped badges. Add 1px top padding to label-wrap and action-wrap to simulate centering in single-line rows, plus 2px on status labels (Unset/Custom/Disabled) for optical balance. Co-Authored-By: Claude Opus 4.6 --- src/main/frontend/components/shortcut.cljs | 2 +- src/main/frontend/components/shortcut.css | 3 +++ 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/src/main/frontend/components/shortcut.cljs b/src/main/frontend/components/shortcut.cljs index 3b23394a42..d9ce0aa501 100644 --- a/src/main/frontend/components/shortcut.cljs +++ b/src/main/frontend/components/shortcut.cljs @@ -866,7 +866,7 @@ (and (sequential? s) (sequential? keystroke') (apply = (map first [s keystroke']))))) binding'))))) - [:li.shortcut-row.flex.items-center.justify-between.text-sm + [:li.shortcut-row.flex.items-start.justify-between.text-sm {:key (str id) :class (when (= active-id id) "active") :on-click (when (and id (not disabled?)) diff --git a/src/main/frontend/components/shortcut.css b/src/main/frontend/components/shortcut.css index 80e1dce285..da64888d32 100644 --- a/src/main/frontend/components/shortcut.css +++ b/src/main/frontend/components/shortcut.css @@ -88,6 +88,7 @@ .label-wrap { @apply flex flex-1; min-width: 120px; + padding-top: 1px; } .action-wrap { @@ -96,6 +97,7 @@ column-gap: 16px; row-gap: 6px; max-width: 55%; + padding-top: 1px; &.disabled { @apply opacity-60 cursor-default; @@ -104,6 +106,7 @@ .shortcut-status-label { @apply text-xs whitespace-nowrap; opacity: 0.5; + padding-top: 2px; &:not(:only-child) { margin-right: -8px;