From 49892b29dc626af7b8a68d559f6a5807c7d9c02f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Chlo=C3=A9=20CHAUVIN?= <chloe.chauvin@epitech.eu>
Date: Mon, 26 Sep 2022 12:24:21 +0200
Subject: [PATCH] [UPD] made the song cards smaller

---
 front/components/songCard.tsx | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/front/components/songCard.tsx b/front/components/songCard.tsx
index c38f33b..b332c62 100644
--- a/front/components/songCard.tsx
+++ b/front/components/songCard.tsx
@@ -14,7 +14,7 @@ const SongCard = (
     const cardFormat = {
         margin: 10,
         padding: 5,
-        width: 300,
+        width: 200,
         backgroundColor: '#C5C5C5'
     }
 
@@ -23,16 +23,25 @@ const SongCard = (
     }
 
     const songTitleStyle = {
-        fontweight: '900',
+        fontSize: 17,
         color: 'black'
     }
 
+    const coverImageStyle = {
+        height: 150,
+        width: 190
+    }
+
     return (
         <Card style={cardFormat}>
-          <Card.Cover source={{ uri: albumCover }} />
+          <Card.Cover source={{ uri: albumCover }} style={coverImageStyle}/>
           <Card.Content>
-          <Title style={songTitleStyle}> {songTitle}</Title>
-            <Text style={artistNameStyle}> {artistName}</Text>
+            <Title style={songTitleStyle}> 
+                {songTitle}
+            </Title>
+            <Text style={artistNameStyle}> 
+                {artistName}
+            </Text>
           </Card.Content>
         </Card>
     );