From bb5f6d73c4b1e227348fa8b2566190b509e40e18 Mon Sep 17 00:00:00 2001
From: Jason Zhu <jasonzhuyq@outlook.com>
Date: Tue, 18 Apr 2023 22:46:45 +1000
Subject: [PATCH] Add css for types in PokemonCard back to fix render issue in
 storybook

---
 .../Pokedex/PokemonCard/PokemonCard.css       | 25 +++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/src/features/Pokedex/PokemonCard/PokemonCard.css b/src/features/Pokedex/PokemonCard/PokemonCard.css
index 7e05d80..decd585 100644
--- a/src/features/Pokedex/PokemonCard/PokemonCard.css
+++ b/src/features/Pokedex/PokemonCard/PokemonCard.css
@@ -96,6 +96,31 @@ h3 {
   justify-content: space-between;
 }
 
+.poke__type {
+  display: flex;
+  grid-gap: 0 10px;
+  gap: 0 20px;
+  align-items: center;
+  justify-content: center;
+  margin-top: 30px;
+}
+
+.poke__type__bg > img {
+  width: 20px;
+  height: 20px;
+}
+
+.poke__type__bg {
+  width: 40px;
+  height: 40px;
+  border-radius: 100%;
+  display: flex;
+  justify-content: center;
+  align-content: center;
+  align-items: center;
+}
+
+
 .grass {
   background: var(--grass);
   box-shadow: 0 0 20px var(--grass);