fix(site/src/pages/TemplateBuilder): top-align BaseTemplateSelection's avatar when name wraps lines (#27039)

ref DEVEX-493 (very similar issue, so tracking it here with this PR too)

## before

<img width="507" height="472" alt="image"
src="https://github.com/user-attachments/assets/660aaf76-8ec3-4e68-98cc-a06c90966374"
/>

## after

<img width="499" height="477" alt="image"
src="https://github.com/user-attachments/assets/02903bd1-0e8c-431d-92b0-b64735ba47e9"
/>
This commit is contained in:
Andrew Aquino
2026-07-07 16:38:21 +00:00
committed by GitHub
parent e5990a9143
commit b3766d62be
@@ -149,8 +149,10 @@ const BaseTemplateSelection: React.FC<BaseTemplateSelectionProps> = ({
}) => {
return (
<StepDivider>
<div className="flex items-center p-1">
<Avatar src={template.iconUrl} size="sm" variant="icon" />
<div className="flex items-start p-1">
<div className="h-[1lh] content-center">
<Avatar src={template.iconUrl} size="sm" variant="icon" />
</div>
<span className="ml-2 text-content-secondary">{template.name}</span>
</div>
</StepDivider>