fix(accounting): tidy the tax-export scope selector styling
The scope <select> inherited `w-full` from the shared selectClassName, so it stretched the whole row on its own line (the ledger-format select overrides it with w-auto; this one didn't). Give it `w-auto min-w-[140px]` and wrap it in an inline "Scope" label so the Report row reads compactly as "Scope [Complete ▾] [Export CSV] [Export PDF]", consistent with the journal row.
This commit is contained in:
@@ -3953,7 +3953,7 @@
|
||||
"export": {
|
||||
"reportTitle": "Bericht",
|
||||
"reportHint": "Lesbare Liste — für Ihre Unterlagen.",
|
||||
"scopeLabel": "Export-Umfang",
|
||||
"scopeLabel": "Umfang",
|
||||
"scopeAll": "Vollständig",
|
||||
"scopeIncome": "Nur Einnahmen",
|
||||
"scopeCost": "Nur Kosten",
|
||||
|
||||
@@ -3953,7 +3953,7 @@
|
||||
"export": {
|
||||
"reportTitle": "Report",
|
||||
"reportHint": "Readable list — for your own records.",
|
||||
"scopeLabel": "Export scope",
|
||||
"scopeLabel": "Scope",
|
||||
"scopeAll": "Complete",
|
||||
"scopeIncome": "Income only",
|
||||
"scopeCost": "Cost only",
|
||||
|
||||
@@ -316,17 +316,19 @@ export const TaxReportPage: React.FC = () => {
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex flex-wrap items-center gap-2">
|
||||
<select
|
||||
value={exportScope}
|
||||
onChange={(e) => setExportScope(e.target.value as 'all' | 'income' | 'cost')}
|
||||
disabled={exportsDisabled}
|
||||
aria-label={t('taxReport.export.scopeLabel', 'Export scope')}
|
||||
className={`${selectClassName} min-w-[150px]`}
|
||||
>
|
||||
<option value="all">{t('taxReport.export.scopeAll', 'Complete')}</option>
|
||||
<option value="income">{t('taxReport.export.scopeIncome', 'Income only')}</option>
|
||||
<option value="cost">{t('taxReport.export.scopeCost', 'Cost only')}</option>
|
||||
</select>
|
||||
<label className="flex items-center gap-1.5 text-xs font-medium text-neutral-500 dark:text-neutral-400">
|
||||
{t('taxReport.export.scopeLabel', 'Scope')}
|
||||
<select
|
||||
value={exportScope}
|
||||
onChange={(e) => setExportScope(e.target.value as 'all' | 'income' | 'cost')}
|
||||
disabled={exportsDisabled}
|
||||
className={`${selectClassName} w-auto min-w-[140px]`}
|
||||
>
|
||||
<option value="all">{t('taxReport.export.scopeAll', 'Complete')}</option>
|
||||
<option value="income">{t('taxReport.export.scopeIncome', 'Income only')}</option>
|
||||
<option value="cost">{t('taxReport.export.scopeCost', 'Cost only')}</option>
|
||||
</select>
|
||||
</label>
|
||||
<Button
|
||||
className="min-w-[150px]"
|
||||
variant="outline"
|
||||
|
||||
Reference in New Issue
Block a user