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); });