From 2a0858d76f986384f149c7a635f90f94ed30d7a6 Mon Sep 17 00:00:00 2001
From: Alexis <35.alexis.pele@gmail.com>
Date: Sat, 6 Mar 2021 23:34:58 +0100
Subject: [PATCH] Added card icon

---
 src/components/celestials/CelestialCard.vue | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/src/components/celestials/CelestialCard.vue b/src/components/celestials/CelestialCard.vue
index 83af80c..4d61454 100644
--- a/src/components/celestials/CelestialCard.vue
+++ b/src/components/celestials/CelestialCard.vue
@@ -5,24 +5,33 @@
         <img
           v-if="celestial.type === 'planète à lunes'"
           src="/icons/saturn-and-other-planets.svg"
+          class="fs-icon"
           alt="planet icon"
         />
         <img
           v-else-if="celestial.type === 'planète'"
           src="/icons/saturn-planet-shape.svg"
+          class="fs-icon"
           alt="planet icon"
         />
         <img
           v-else-if="celestial.type === 'lune'"
           src="icons/moon-and-stars-in-a-cloud.svg"
+          class="fs-icon"
           alt="moon icon"
         />
         <img
           v-else-if="celestial.type === 'étoile'"
           src="icons/sun-shape.svg"
+          class="fs-icon"
           alt="moon icon"
         />
-        <img v-else src="icons/stars-group.svg" alt="moon icon" />
+        <img
+          v-else
+          src="icons/stars-group.svg"
+          alt="moon icon"
+          class="fs-icon"
+        />
       </div>
 
       <div class="card-header">
@@ -114,15 +123,14 @@ export default defineComponent({
       position: absolute;
       top: 0;
       right: 0;
-      img {
-        max-width: 50px;
-        max-height: 50px;
-      }
     }
 
     > * {
       flex: 0 1 auto;
     }
+    .card-header {
+      padding-right: 60px;
+    }
     .card-content {
       flex: 1 1 auto;
       min-height: 30px;