Fix stretched type badges in StatusChangeModal
Add items-start to the flex-col container so badge images respect their intrinsic width instead of stretching to fill the container. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -129,7 +129,7 @@ export function StatusChangeModal({
|
|||||||
{displayPokemon.name}
|
{displayPokemon.name}
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
<div className="flex flex-col gap-0.5 mt-1">
|
<div className="flex flex-col items-start gap-0.5 mt-1">
|
||||||
{displayPokemon.types.map((type) => (
|
{displayPokemon.types.map((type) => (
|
||||||
<TypeBadge key={type} type={type} />
|
<TypeBadge key={type} type={type} />
|
||||||
))}
|
))}
|
||||||
|
|||||||
Reference in New Issue
Block a user