mirror of
https://github.com/CompassConnections/Compass.git
synced 2026-03-24 09:33:42 -04:00
Fix icon alignment
This commit is contained in:
@@ -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>
|
||||
)
|
||||
|
||||
@@ -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>
|
||||
)
|
||||
|
||||
Reference in New Issue
Block a user