From d5b15cee13e31785e57316ed9172bf005de78954 Mon Sep 17 00:00:00 2001
From: Arthur Jamet <arthur.jamet@gmail.com>
Date: Sat, 18 Mar 2023 14:30:26 +0000
Subject: [PATCH] Front: Responsive Home Page: Fix items dimensions

---
 front/views/HomeView.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/front/views/HomeView.tsx b/front/views/HomeView.tsx
index d180c05..2aa3549 100644
--- a/front/views/HomeView.tsx
+++ b/front/views/HomeView.tsx
@@ -43,11 +43,11 @@ const HomeView = () => {
 				</Box>
 			</Stack>
 		</Flex>
-		<Stack direction={{ base: 'column', lg: 'row' }} height="100%" space={5}>
+		<Stack direction={{ base: 'column', lg: 'row' }} height="100%" space={5} paddingTop={5}>
 			<VStack flex={{ lg: 2 }} space={5}>
 				<SongCardGrid
 					heading={<Translate translationKey='goNextStep'/>}
-					itemDimension={screenSize == 'small' ? 200 : 170}
+					itemDimension={screenSize == 'small' ? 200 : 120}
 					songs={nextStepQuery.data?.filter((song) => artistsQueries.find((artistQuery) => artistQuery.data?.id === song.artistId))
 						.map((song) => ({
 							albumCover: song.cover,
@@ -67,7 +67,7 @@ const HomeView = () => {
 					<Box flex={{ md: 1 }}>
 						<SongCardGrid
 							heading={<Translate translationKey='recentlyPlayed'/>}
-							itemDimension={screenSize == 'small' ? 200 : 170}
+							itemDimension={screenSize == 'small' ? 200 : 120}
 							songs={playHistoryQuery.data?.filter((song) => artistsQueries.find((artistQuery) => artistQuery.data?.id === song.artistId))
 								.map((song) => ({
 									albumCover: song.cover,
@@ -94,7 +94,7 @@ const HomeView = () => {
 				</HStack>
 				<Box style={{ width: '100%' }}>
 					<SongCardGrid
-						itemDimension={screenSize == 'small' ? 200 : 170}
+						itemDimension={screenSize == 'small' ? 200 : 120}
 						heading={<Translate translationKey='lastSearched'/>}
 						songs={searchHistoryQuery.data?.filter((song) => artistsQueries.find((artistQuery) => artistQuery.data?.id === song.artistId))
 							.map((song) => ({