From e7cae2c7c46bdc30386bf7c686c6864d47f165ff Mon Sep 17 00:00:00 2001 From: hstefanova Date: Wed, 12 Apr 2023 15:15:31 +0300 Subject: [PATCH 1/3] update the font size of the campaign title for the mobile view --- src/components/client/campaigns/CampaignDetails.tsx | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/components/client/campaigns/CampaignDetails.tsx b/src/components/client/campaigns/CampaignDetails.tsx index 1e34e33c1..2d94d61fd 100644 --- a/src/components/client/campaigns/CampaignDetails.tsx +++ b/src/components/client/campaigns/CampaignDetails.tsx @@ -49,10 +49,14 @@ const StyledGrid = styled(Grid)(({ theme }) => ({ [`& .${classes.campaignTitle}`]: { marginTop: theme.spacing(6), - fontSize: theme.typography.pxToRem(45), letterSpacing: '-1.5px', + [theme.breakpoints.up('xs')]: { + fontSize: theme.typography.pxToRem(32), + }, + [theme.breakpoints.up('md')]: { + fontSize: theme.typography.pxToRem(45), marginTop: 0, }, }, From 4b11be8b2dfd567b55392d56962e3b4f8d44fa4e Mon Sep 17 00:00:00 2001 From: hstefanova Date: Wed, 12 Apr 2023 15:28:22 +0300 Subject: [PATCH 2/3] update the spacing below the campaign title for the mobile view --- src/components/client/campaigns/CampaignDetails.tsx | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/components/client/campaigns/CampaignDetails.tsx b/src/components/client/campaigns/CampaignDetails.tsx index 2d94d61fd..8be09c461 100644 --- a/src/components/client/campaigns/CampaignDetails.tsx +++ b/src/components/client/campaigns/CampaignDetails.tsx @@ -53,11 +53,13 @@ const StyledGrid = styled(Grid)(({ theme }) => ({ [theme.breakpoints.up('xs')]: { fontSize: theme.typography.pxToRem(32), + marginBottom: theme.spacing(4), }, [theme.breakpoints.up('md')]: { fontSize: theme.typography.pxToRem(45), marginTop: 0, + marginBottom: theme.spacing(7), }, }, From 648f9565c3e109b6b4b8c065caa6c1d5f6341d10 Mon Sep 17 00:00:00 2001 From: hstefanova Date: Thu, 13 Apr 2023 10:43:13 +0300 Subject: [PATCH 3/3] remove useless media query --- src/components/client/campaigns/CampaignDetails.tsx | 7 ++----- 1 file changed, 2 insertions(+), 5 deletions(-) diff --git a/src/components/client/campaigns/CampaignDetails.tsx b/src/components/client/campaigns/CampaignDetails.tsx index 8be09c461..43b8fafe8 100644 --- a/src/components/client/campaigns/CampaignDetails.tsx +++ b/src/components/client/campaigns/CampaignDetails.tsx @@ -50,11 +50,8 @@ const StyledGrid = styled(Grid)(({ theme }) => ({ [`& .${classes.campaignTitle}`]: { marginTop: theme.spacing(6), letterSpacing: '-1.5px', - - [theme.breakpoints.up('xs')]: { - fontSize: theme.typography.pxToRem(32), - marginBottom: theme.spacing(4), - }, + fontSize: theme.typography.pxToRem(32), + marginBottom: theme.spacing(4), [theme.breakpoints.up('md')]: { fontSize: theme.typography.pxToRem(45),