From 8355f799f437fa0ac01bdcb5877e41fca022b0a6 Mon Sep 17 00:00:00 2001
From: Brandon Leon <bsleon@umich.edu>
Date: Tue, 3 Nov 2020 00:21:48 -0500
Subject: [PATCH] Fix resolution of images on cards

---
 src/HOC/AnimeCard/AnimeCard.js         | 2 +-
 src/HOC/CharacterCard/CharacterCard.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/HOC/AnimeCard/AnimeCard.js b/src/HOC/AnimeCard/AnimeCard.js
index 571411b..06fdccd 100644
--- a/src/HOC/AnimeCard/AnimeCard.js
+++ b/src/HOC/AnimeCard/AnimeCard.js
@@ -19,7 +19,7 @@ const AnimeCard = ({ item, history }) => {
     return (
         <motion.div className="Card" whileHover={{ scale: 1.1 }}>
             <div onClick={() => goToAnime(item.mal_id)} className="container">
-                <img src={item.image_url} width="198px" height="198px" alt="Anime pic" />
+                <img src={item.image_url} width="198px" height="298px" alt="Anime pic" />
                 <div className="title">{item.title}</div>
                 <div className="score">{item.score}</div>
             </div>
diff --git a/src/HOC/CharacterCard/CharacterCard.js b/src/HOC/CharacterCard/CharacterCard.js
index e4b132f..9b4e317 100644
--- a/src/HOC/CharacterCard/CharacterCard.js
+++ b/src/HOC/CharacterCard/CharacterCard.js
@@ -20,7 +20,7 @@ const CharacterCard = ({ item, history }) => {
         <motion.div className="Card" whileHover={{ scale: 1.1 }}>
             <div onClick={() => goToCharacter(item.id)} className="container">
                 {item.attributes.image 
-                    ?<img src={item.attributes.image.original} width="198px" height="198px" alt="Character pic" />
+                    ?<img src={item.attributes.image.original} width="198px" height="298px" alt="Character pic" />
                      :<img src="https://pngimage.net/wp-content/uploads/2018/06/no-image-available-png-3.png" width="198px" height="198px" alt="Character pic" />
                 }
                 <div className="title">{item.attributes.name}</div>