diff --git a/src/renderer/views/settings/settings-model.ts b/src/renderer/views/settings/settings-model.ts index ee111b0..7392413 100644 --- a/src/renderer/views/settings/settings-model.ts +++ b/src/renderer/views/settings/settings-model.ts @@ -65,7 +65,7 @@ export function resizeAccountTableColumn( } export function getAccountTableGridTemplate(widths: AccountTableColumnWidths): string { - return `42px ${ACCOUNT_TABLE_COLUMN_IDS.map((id) => `${widths[id]}px`).join(" ")} 64px`; + return `42px ${ACCOUNT_TABLE_COLUMN_IDS.map((id) => `${widths[id]}px`).join(" ")} minmax(64px, 1fr)`; } export function getAccountTableMinWidth(widths: AccountTableColumnWidths): number { diff --git a/src/renderer/views/settings/settings.css b/src/renderer/views/settings/settings.css index 9ff3d27..b8167c2 100644 --- a/src/renderer/views/settings/settings.css +++ b/src/renderer/views/settings/settings.css @@ -674,10 +674,6 @@ place-items: center; } -.settings-account-column-actions { - transform: translateX(20px); -} - .settings-account-hoster { display: flex; align-items: center; diff --git a/tests/settings-view.test.tsx b/tests/settings-view.test.tsx index 079dcf4..cac789d 100644 --- a/tests/settings-view.test.tsx +++ b/tests/settings-view.test.tsx @@ -724,7 +724,7 @@ describe("account workspace", () => { expect(html).toContain('aria-label="Status Spaltenbreite ändern"'); expect(html).toMatch(/class="settings-account-column-actions" role="columnheader">Aktion<\/span>/); expect(settingsCss).not.toMatch(/\.settings-account-column-actions\s*{[^}]*padding-right:/s); - expect(settingsCss).toMatch(/\.settings-account-column-actions\s*{[^}]*transform:\s*translateX\(20px\)/s); + expect(settingsCss).not.toMatch(/\.settings-account-column-actions\s*{[^}]*transform:/s); }); it("offers separate checks for active accounts and every configured account", () => { @@ -766,6 +766,7 @@ describe("account workspace", () => { expect(widened.status).toBeGreaterThan(initial.status); expect(narrowed.status).toBeGreaterThanOrEqual(120); expect(api.getAccountTableGridTemplate?.(widened)).toContain(`${widened.status}px`); + expect(api.getAccountTableGridTemplate?.(widened)).toMatch(/minmax\(64px, 1fr\)$/); }); it("keeps row selection, enable toggles, edit and context actions separate", () => {