Fix icon alignment

This commit is contained in:
MartinBraquet
2026-03-17 13:33:41 +01:00
parent cfeab0278c
commit b85b9380c3
2 changed files with 4 additions and 4 deletions

View File

@@ -4,8 +4,8 @@ import {Row} from 'web/components/layout/row'
export function IconWithInfo(props: {text: string; icon: ReactNode}) {
const {text, icon} = props
return (
<Row className="items-center gap-1">
<div className="text-ink-500">{icon}</div>
<Row className="items-start gap-1">
<div className="text-ink-500 mt-1">{icon}</div>
{text}
</Row>
)

View File

@@ -69,8 +69,8 @@ export function AboutRow(props: {
formattedText += formattedText ? ` (${suffix})` : suffix
}
return (
<Row className="items-center gap-2" data-testid={testId}>
<div className="text-ink-600 w-5">{icon}</div>
<Row className="items-start gap-2" data-testid={testId}>
<div className="text-ink-600 w-5 mt-0.5">{icon}</div>
<div>{formattedText}</div>
</Row>
)