paul/picpeak
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

fix(accounting): tidy the tax-export scope selector styling

Browse Source 
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:
Luca
2026-06-16 19:13:25 +02:00
parent 116743ba43
commit 8deb7e0741
3 changed files with 15 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/i18n/locales/de.json
+1 -1
View File
@@ -3953,7 +3953,7 @@
"export": { "export": {
"reportTitle": "Bericht", "reportTitle": "Bericht",
"reportHint": "Lesbare Liste — für Ihre Unterlagen.", "reportHint": "Lesbare Liste — für Ihre Unterlagen.",
"scopeLabel": "Export-Umfang", "scopeLabel": "Umfang",
"scopeAll": "Vollständig", "scopeAll": "Vollständig",
"scopeIncome": "Nur Einnahmen", "scopeIncome": "Nur Einnahmen",
"scopeCost": "Nur Kosten", "scopeCost": "Nur Kosten",
frontend/src/i18n/locales/en.json
+1 -1
View File
@@ -3953,7 +3953,7 @@
"export": { "export": {
"reportTitle": "Report", "reportTitle": "Report",
"reportHint": "Readable list — for your own records.", "reportHint": "Readable list — for your own records.",
"scopeLabel": "Export scope", "scopeLabel": "Scope",
"scopeAll": "Complete", "scopeAll": "Complete",
"scopeIncome": "Income only", "scopeIncome": "Income only",
"scopeCost": "Cost only", "scopeCost": "Cost only",
frontend/src/pages/admin/clients/TaxReportPage.tsx
+13 -11
View File
@@ -316,17 +316,19 @@ export const TaxReportPage: React.FC = () => {
</div> </div>
</div> </div>
<div className="flex flex-wrap items-center gap-2"> <div className="flex flex-wrap items-center gap-2">
<select <label className="flex items-center gap-1.5 text-xs font-medium text-neutral-500 dark:text-neutral-400">
value={exportScope} {t('taxReport.export.scopeLabel', 'Scope')}
onChange={(e) => setExportScope(e.target.value as 'all' | 'income' | 'cost')} <select
disabled={exportsDisabled} value={exportScope}
aria-label={t('taxReport.export.scopeLabel', 'Export scope')} onChange={(e) => setExportScope(e.target.value as 'all' | 'income' | 'cost')}
className={`${selectClassName} min-w-[150px]`} 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="all">{t('taxReport.export.scopeAll', 'Complete')}</option>
<option value="cost">{t('taxReport.export.scopeCost', 'Cost only')}</option> <option value="income">{t('taxReport.export.scopeIncome', 'Income only')}</option>
</select> <option value="cost">{t('taxReport.export.scopeCost', 'Cost only')}</option>
</select>
</label>
<Button <Button
className="min-w-[150px]" className="min-w-[150px]"
variant="outline" variant="outline"