From c809a9c69a0839c2710ec10e72570430a940502b Mon Sep 17 00:00:00 2001
From: Julian Tabel <juliantabel.jt@gmail.com>
Date: Sat, 7 Feb 2026 21:14:03 +0100
Subject: [PATCH] Stack type badges vertically for dual-type Pokemon

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 frontend/src/components/PokemonCard.tsx       | 2 +-
 frontend/src/components/StatusChangeModal.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/PokemonCard.tsx b/frontend/src/components/PokemonCard.tsx
index cc628f6..2e0dfa3 100644
--- a/frontend/src/components/PokemonCard.tsx
+++ b/frontend/src/components/PokemonCard.tsx
@@ -46,7 +46,7 @@ export function PokemonCard({ encounter, showFaintLevel, onClick }: PokemonCardP
         </div>
       )}
 
-      <div className="flex gap-1 mt-1">
+      <div className="flex flex-col items-center gap-0.5 mt-1">
         {displayPokemon.types.map((type) => (
           <TypeBadge key={type} type={type} />
         ))}
diff --git a/frontend/src/components/StatusChangeModal.tsx b/frontend/src/components/StatusChangeModal.tsx
index 4360b6f..93f5583 100644
--- a/frontend/src/components/StatusChangeModal.tsx
+++ b/frontend/src/components/StatusChangeModal.tsx
@@ -127,7 +127,7 @@ export function StatusChangeModal({
                   {displayPokemon.name}
                 </div>
               )}
-              <div className="flex gap-1 mt-1">
+              <div className="flex flex-col gap-0.5 mt-1">
                 {displayPokemon.types.map((type) => (
                   <TypeBadge key={type} type={type} />
                 ))}