From df3690f634f257cbf4d44b797181ec61f34d8ec6 Mon Sep 17 00:00:00 2001 From: Steffen Becker Date: Wed, 2 Sep 2026 12:40:13 +0000 Subject: [PATCH] fix: every big button's icon sits on the same line MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit A group aligns its controls to the top: centred, a two-line label made its button taller and pushed every one-line neighbour's icon out of the row. A run of small buttons keeps its centred place — it joins no icon row, and at the top it would hang over the gap below it. --- src/lib/components/ribbon/RibbonGroup.svelte | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/src/lib/components/ribbon/RibbonGroup.svelte b/src/lib/components/ribbon/RibbonGroup.svelte index cf97e74..62c9284 100644 --- a/src/lib/components/ribbon/RibbonGroup.svelte +++ b/src/lib/components/ribbon/RibbonGroup.svelte @@ -41,14 +41,21 @@ min-width: 163px; } + /* Top, not centred: a two-line label makes its button taller, and centred that + lifts every one-line button's icon out of the row the others share. */ .ribbon-group-items { display: flex; - align-items: center; + align-items: flex-start; gap: 2px; flex: 1; min-width: 0; } + /* A run of small buttons keeps its centred place: it has no icon row to line up + with, and pinned to the top it hangs over the gap the group's height leaves. */ + .ribbon-group-items > :global(.rb-small), + .ribbon-group-items > :global(:has(> .rb-small)) { align-self: center; } + /* Word's labelled group footer; the ↘ launcher sits at its right edge. */ .ribbon-group-foot { display: flex;