From 7e586cd3a18a18b1fee68d62d15e118e05002722 Mon Sep 17 00:00:00 2001
From: Luca <102960244+Luca-Timo@users.noreply.github.com>
Date: Mon, 15 Jun 2026 19:30:22 +0200
Subject: [PATCH] style(accounting): align tax-export buttons + solid divider
 between groups

- Give all four export controls (CSV / PDF / format select / Accountant export)
  a matching min-width so the two rows form a tidy right-aligned button grid
  (CSV over format select, Export PDF over Accountant export).
- Replace the dashed sub-divider between the Report and Accounting journal
  groups with a solid line so the separation reads clearly.
---
 frontend/src/pages/admin/clients/TaxReportPage.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/frontend/src/pages/admin/clients/TaxReportPage.tsx b/frontend/src/pages/admin/clients/TaxReportPage.tsx
index 6e15dd5e..c4733688 100644
--- a/frontend/src/pages/admin/clients/TaxReportPage.tsx
+++ b/frontend/src/pages/admin/clients/TaxReportPage.tsx
@@ -314,6 +314,7 @@ export const TaxReportPage: React.FC = () => {
                 </div>
                 <div className="flex flex-wrap items-center gap-2">
                   <Button
+                    className="min-w-[150px]"
                     variant="outline"
                     onClick={() => handleExport('csv')}
                     disabled={exportsDisabled}
@@ -323,6 +324,7 @@ export const TaxReportPage: React.FC = () => {
                     {t('taxReport.exportCsv', 'Export CSV')}
                   </Button>
                   <Button
+                    className="min-w-[150px]"
                     variant="primary"
                     onClick={() => handleExport('pdf')}
                     disabled={exportsDisabled}
@@ -334,9 +336,10 @@ export const TaxReportPage: React.FC = () => {
                 </div>
               </div>
 
-              {/* Group 2 — Accounting journal (for your accountant) */}
+              {/* Group 2 — Accounting journal (for your accountant). Solid
+                  divider above to separate it from the Report group. */}
               {flags.accounting && (
-                <div className="flex flex-wrap items-center justify-between gap-x-3 gap-y-1 pt-3 border-t border-dashed border-neutral-200 dark:border-neutral-800">
+                <div className="flex flex-wrap items-center justify-between gap-x-3 gap-y-1 pt-3 border-t border-neutral-200 dark:border-neutral-700">
                   <div className="min-w-0">
                     <div className="text-xs font-semibold uppercase tracking-wider text-neutral-500 dark:text-neutral-400">
                       {t('taxReport.export.journalTitle', 'Accounting journal')}
@@ -354,13 +357,14 @@ export const TaxReportPage: React.FC = () => {
                       onChange={(e) => setLedgerFormat(e.target.value as ExportFormat)}
                       disabled={exportsDisabled}
                       aria-label={t('ledger.export.format', 'Target tool') as string}
-                      className={`${selectClassName} w-auto`}
+                      className={`${selectClassName} min-w-[150px] w-auto`}
                     >
                       {LEDGER_FORMATS.map((f) => (
                         <option key={f} value={f}>{t(`ledger.export.format_${f}`, f)}</option>
                       ))}
                     </select>
                     <Button
+                      className="min-w-[150px]"
                       variant="outline"
                       onClick={handleLedgerExport}
                       disabled={exportsDisabled}