fix(costs): the receipt link is an icon, so the receipts title keeps one line (#2839)

This commit is contained in:
Maurice
2026-11-13 11:06:48 +01:00
parent a08d4b944e
commit eda27f1e59
@@ -50,16 +50,20 @@ export function ExpenseReceiptsSection({
className={className}
action={
<span className="flex items-center gap-1.5">
{/* An icon beside the worded Attach, so the section title keeps its one line. */}
{canLink && (
<button
type="button"
aria-expanded={linking}
onClick={() => setLinking((v) => !v)}
className={`${PILL} ${linking ? 'bg-surface-card shadow-sm' : 'bg-surface-tertiary'}`}
style={fs(11.5)}
>
<Link2 size={12} /> {t('files.link')}
</button>
<Tooltip label={t('files.link')}>
<button
type="button"
aria-label={t('files.link')}
aria-expanded={linking}
onClick={() => setLinking((v) => !v)}
className={`${PILL} ${linking ? 'bg-surface-card shadow-sm' : 'bg-surface-tertiary'}`}
style={fs(11.5)}
>
<Link2 size={12} />
</button>
</Tooltip>
)}
<label className={`${PILL} bg-surface-tertiary`} style={fs(11.5)}>
<input