From e2c381cd1fca8d332fe6bc6ed3ec51be25f9113a Mon Sep 17 00:00:00 2001
From: Alexander Petkov <sashko506@gmail.com>
Date: Thu, 28 Sep 2023 00:07:50 +0300
Subject: [PATCH] CampaignNewsList.tsx: Set max-width of 1200px to container
 Remove the max-width of Typography as it is redundant now..

Co-authored-by: zahariev <zaharievboyan@gmail.com>
---
 src/components/client/campaign-news/CampaignNewsList.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/client/campaign-news/CampaignNewsList.tsx b/src/components/client/campaign-news/CampaignNewsList.tsx
index 267b9f996..986e8d705 100644
--- a/src/components/client/campaign-news/CampaignNewsList.tsx
+++ b/src/components/client/campaign-news/CampaignNewsList.tsx
@@ -127,6 +127,7 @@ export default function CampaignNewsList({ articles }: Props) {
                       ? INITIAL_HEIGHT_LIMIT
                       : 'auto',
                   overflow: 'hidden',
+                  maxWidth: 1200,
                 }}>
                 <Grid container item direction={'column'} gap={1}>
                   <Typography className={classes.articleHeader}>{article.title}</Typography>
@@ -137,7 +138,7 @@ export default function CampaignNewsList({ articles }: Props) {
                       dangerouslySetInnerHTML={{
                         __html: sanitizedDescription,
                       }}
-                      sx={{ wordBreak: 'break-word', maxWidth: 1200 }}
+                      sx={{ wordBreak: 'break-word' }}
                     />
                   </QuillStypeWrapper>
                   <Grid container item direction={'column'} gap={0.5}>
@@ -153,7 +154,7 @@ export default function CampaignNewsList({ articles }: Props) {
                   </Grid>
                 </Grid>
                 {article.newsFiles.length > 0 && (
-                  <Grid container item gap={1} xs={'auto'} style={{ maxWidth: '100%' }}>
+                  <Grid container item gap={1} direction={'row'} style={{ maxWidth: '100%' }}>
                     {images.map((file) => (
                       <Grid item key={file.id}>
                         <Image src={file.imgSource} width={220} height={120} alt={file.id} />