From de4b7cee6147fb2ca9605dc6c70b1e3b0d0074c0 Mon Sep 17 00:00:00 2001
From: ani-kalpachka <ani.kalpachka888@abv.bg>
Date: Wed, 3 May 2023 18:04:29 +0300
Subject: [PATCH 1/2] Update Completed campaigns carousel

---
 .../CompletedCampaignsSection.styled.tsx                 | 7 +++++++
 .../CompletedCampaignsSection.tsx                        | 9 +++------
 .../helpers/CompletedCampaignsCarouselSettings.tsx       | 3 ++-
 3 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/components/client/index/sections/CompletedCampaignsSection/CompletedCampaignsSection.styled.tsx b/src/components/client/index/sections/CompletedCampaignsSection/CompletedCampaignsSection.styled.tsx
index 01e9ec2d7..867f65825 100644
--- a/src/components/client/index/sections/CompletedCampaignsSection/CompletedCampaignsSection.styled.tsx
+++ b/src/components/client/index/sections/CompletedCampaignsSection/CompletedCampaignsSection.styled.tsx
@@ -30,6 +30,13 @@ export const CarouselWrapper = styled(Slider)(() => ({
   },
 }))
 
+export const CardWrapper = styled(Grid)(() => ({
+  [theme.breakpoints.up('sm')]: {
+    margin: theme.spacing(0, 1.25),
+    paddingRight: theme.spacing(2.5),
+  },
+}))
+
 export const CompletedCampaignLink = styled(Link)(() => ({
   height: theme.spacing(37.5),
   backgroundSize: 'cover',
diff --git a/src/components/client/index/sections/CompletedCampaignsSection/CompletedCampaignsSection.tsx b/src/components/client/index/sections/CompletedCampaignsSection/CompletedCampaignsSection.tsx
index 1f0057de3..7ab799609 100644
--- a/src/components/client/index/sections/CompletedCampaignsSection/CompletedCampaignsSection.tsx
+++ b/src/components/client/index/sections/CompletedCampaignsSection/CompletedCampaignsSection.tsx
@@ -24,6 +24,7 @@ import {
   CampaignTitle,
   CompletedCampaignLink,
   MoneyWrapperFlex,
+  CardWrapper,
 } from './CompletedCampaignsSection.styled'
 
 export default function CompletedCampaignsSection() {
@@ -45,11 +46,7 @@ export default function CompletedCampaignsSection() {
       </Heading>
       <CarouselWrapper {...settings}>
         {completedCampaigns?.map((campaign, index) => (
-          <Grid
-            key={index}
-            data-testid={`campaign-card-${index}`}
-            margin={theme.spacing(0, 2.25)}
-            paddingRight={theme.spacing(2.5)}>
+          <CardWrapper key={index} data-testid={`campaign-card-${index}`}>
             <CompletedCampaignLink
               onMouseDown={onLinkMouseDown}
               href={routes.campaigns.viewCampaignBySlug(campaign.slug)}
@@ -75,7 +72,7 @@ export default function CompletedCampaignsSection() {
               </MoneyWrapper>
               <CampaignTitle>{campaign.title}</CampaignTitle>
             </CompletedCampaignLink>
-          </Grid>
+          </CardWrapper>
         ))}
       </CarouselWrapper>
     </Root>
diff --git a/src/components/client/index/sections/CompletedCampaignsSection/helpers/CompletedCampaignsCarouselSettings.tsx b/src/components/client/index/sections/CompletedCampaignsSection/helpers/CompletedCampaignsCarouselSettings.tsx
index 02a90a895..783e925a6 100644
--- a/src/components/client/index/sections/CompletedCampaignsSection/helpers/CompletedCampaignsCarouselSettings.tsx
+++ b/src/components/client/index/sections/CompletedCampaignsSection/helpers/CompletedCampaignsCarouselSettings.tsx
@@ -5,6 +5,7 @@ export const settings: Settings = {
   speed: 500,
   slidesToShow: 4,
   slidesToScroll: 1,
+  arrows: false,
   dots: true,
   lazyLoad: 'ondemand',
   autoplay: true,
@@ -24,7 +25,7 @@ export const settings: Settings = {
       },
     },
     {
-      breakpoint: 500,
+      breakpoint: 600,
       settings: {
         slidesToShow: 1,
       },

From 6dc91b3e284e49fbcc030a6c6ccadc134f7db11d Mon Sep 17 00:00:00 2001
From: ani-kalpachka <ani.kalpachka888@abv.bg>
Date: Wed, 3 May 2023 18:15:15 +0300
Subject: [PATCH 2/2] Align help button icon

---
 .../PlatformStatisticsSection.styled.tsx                        | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/client/index/sections/PlatformStatisticsSection/PlatformStatisticsSection.styled.tsx b/src/components/client/index/sections/PlatformStatisticsSection/PlatformStatisticsSection.styled.tsx
index 0a08a3f2b..c24d71384 100644
--- a/src/components/client/index/sections/PlatformStatisticsSection/PlatformStatisticsSection.styled.tsx
+++ b/src/components/client/index/sections/PlatformStatisticsSection/PlatformStatisticsSection.styled.tsx
@@ -69,7 +69,7 @@ export const HelpThoseInNeedButton = styled(LinkButton)(() => ({
     minWidth: theme.spacing(50),
 
     '& span': {
-      display: 'inline-block',
+      display: 'inline-flex',
     },
   },
 }))