From b6ce49e7efc50bbbbf051e2eaca38ffa02a41143 Mon Sep 17 00:00:00 2001 From: Sucukdeluxe Date: Sat, 15 Aug 2026 04:44:49 +0200 Subject: [PATCH] fix(accounts): center row menus under action header Anchor the account action track to the table edge and offset only the row menu controls by eight pixels so their centers align with the wider Action label. Remove the previous shared padding approximation and lock the account-specific alignment in the focused regression test. --- src/renderer/views/settings/settings.css | 11 +++++++---- tests/settings-view.test.tsx | 4 +++- 2 files changed, 10 insertions(+), 5 deletions(-) diff --git a/src/renderer/views/settings/settings.css b/src/renderer/views/settings/settings.css index 1ad8770..b12355b 100644 --- a/src/renderer/views/settings/settings.css +++ b/src/renderer/views/settings/settings.css @@ -668,15 +668,18 @@ opacity: 0.72; } -.settings-account-column-enable, -.settings-account-column-actions { +.settings-account-column-enable { display: grid; place-items: center; } -.settings-account-table-grid > .settings-account-column-actions, +.settings-account-column-actions { + display: grid; + place-items: center end; +} + .settings-account-row > .settings-account-column-actions { - padding-left: 27px; + padding-right: 19px; } .settings-account-hoster { diff --git a/tests/settings-view.test.tsx b/tests/settings-view.test.tsx index 0fa21d4..a4c41b6 100644 --- a/tests/settings-view.test.tsx +++ b/tests/settings-view.test.tsx @@ -723,7 +723,9 @@ describe("account workspace", () => { expect(count(html, 'role="separator"')).toBe(ACCOUNT_COLUMNS.length); expect(html).toContain('aria-label="Status Spaltenbreite ändern"'); expect(html).toMatch(/class="settings-account-column-actions" role="columnheader">Aktion<\/span>/); - expect(settingsCss).toMatch(/\.settings-account-column-actions\s*{[^}]*padding-left:\s*27px/s); + expect(settingsCss).toMatch(/\.settings-account-column-actions\s*{[^}]*place-items:\s*center end/s); + expect(settingsCss).not.toMatch(/\.settings-account-column-actions\s*{[^}]*padding-left:/s); + expect(settingsCss).toMatch(/\.settings-account-row > \.settings-account-column-actions\s*{[^}]*padding-right:\s*19px/s); expect(settingsCss).not.toMatch(/\.settings-account-column-actions\s*{[^}]*transform:/s); });