fix: use less space in right side lists

drodil · Nov 28, 2024 · 3295b85 · 3295b85
1 parent 9b47198
commit 3295b85
Show file tree

Hide file tree

Showing 10 changed files with 17 additions and 17 deletions.
diff --git a/plugins/qeta-react/src/components/HomePageCards/ImpactCard.tsx b/plugins/qeta-react/src/components/HomePageCards/ImpactCard.tsx
@@ -16,7 +16,7 @@ export const ImpactCard = () => {
   }
 
   return (
-    <Box display={{ md: 'none', lg: 'block' }}>
+    <Box display={{ md: 'none', lg: 'block' }} style={{ marginBottom: '1em' }}>
       <Card>
         <CardContent>
           <Typography variant="h5">{t('impactCard.title')}</Typography>

diff --git a/plugins/qeta-react/src/components/Utility/RightList.tsx b/plugins/qeta-react/src/components/Utility/RightList.tsx
@@ -5,7 +5,7 @@ const useStyles = makeStyles(theme => ({
   container: {
     width: '100%',
     backgroundColor: theme.palette.background.paper,
-    marginTop: '1em',
+    marginBottom: '1em',
   },
 }));
 

diff --git a/plugins/qeta/src/components/ArticlesPage/ArticlesPage.tsx b/plugins/qeta/src/components/ArticlesPage/ArticlesPage.tsx
@@ -29,15 +29,15 @@ export const ArticlesPage = () => {
 
   return (
     <Grid container spacing={4}>
-      <Grid item md={12} lg={8} xl={9}>
+      <Grid item md={12} lg={9} xl={10}>
         <ContentHeader title={t('articlesPage.title')}>
           <ButtonContainer>
             <WriteArticleButton entity={entityRef} tags={tags} />
           </ButtonContainer>
         </ContentHeader>
         <PostsGrid type="article" />
       </Grid>
-      <Grid item lg={4} xl={3}>
+      <Grid item lg={3} xl={2}>
         <PostHighlightList
           type="hot"
           title={t('highlights.hotArticles.title')}

diff --git a/plugins/qeta/src/components/CollectionsPage/CollectionsPage.tsx b/plugins/qeta/src/components/CollectionsPage/CollectionsPage.tsx
@@ -20,7 +20,7 @@ export const CollectionsPage = () => {
         item
         md={12}
         lg={collections.collections.length > 0 ? 9 : 12}
-        xl={collections.collections.length > 0 ? 9 : 12}
+        xl={collections.collections.length > 0 ? 10 : 12}
       >
         <ContentHeader title={t('collectionsPage.title')}>
           <ButtonContainer>

diff --git a/plugins/qeta/src/components/EntityPage/EntityPage.tsx b/plugins/qeta/src/components/EntityPage/EntityPage.tsx
@@ -48,7 +48,7 @@ export const EntityPage = () => {
 
   return (
     <Grid container spacing={4}>
-      <Grid item md={12} lg={8} xl={9}>
+      <Grid item md={12} lg={9} xl={10}>
         <ContentHeader
           titleComponent={
             <Typography variant="h5" component="h2">
@@ -85,7 +85,7 @@ export const EntityPage = () => {
           <EntitiesGrid />
         )}
       </Grid>
-      <Grid item lg={4} xl={3}>
+      <Grid item lg={3} xl={2}>
         <FollowedEntitiesList />
         {resp && (
           <>

diff --git a/plugins/qeta/src/components/FavoritePage/FavoritePage.tsx b/plugins/qeta/src/components/FavoritePage/FavoritePage.tsx
@@ -15,7 +15,7 @@ export const FavoritePage = () => {
   const { t } = useTranslation();
   return (
     <Grid container spacing={4}>
-      <Grid item md={12} lg={8} xl={9}>
+      <Grid item md={12} lg={9} xl={10}>
         <ContentHeader title={t('favoritePage.title')}>
           <ButtonContainer>
             <AskQuestionButton />
@@ -24,7 +24,7 @@ export const FavoritePage = () => {
         </ContentHeader>
         <PostsContainer favorite showNoQuestionsBtn={false} />
       </Grid>
-      <Grid item lg={4} xl={3}>
+      <Grid item lg={3} xl={2}>
         <PostHighlightList
           type="hot"
           title={t('highlights.hotQuestions.title')}

diff --git a/plugins/qeta/src/components/HomePage/HomePage.tsx b/plugins/qeta/src/components/HomePage/HomePage.tsx
@@ -25,7 +25,7 @@ export const HomePage = () => {
 
   return (
     <Grid container spacing={4}>
-      <Grid item md={12} lg={8} xl={9}>
+      <Grid item md={12} lg={9} xl={10}>
         <ContentHeader title={t('homePage.title')}>
           <ButtonContainer>
             <AskQuestionButton />
@@ -56,7 +56,7 @@ export const HomePage = () => {
           </Grid>
         </Grid>
       </Grid>
-      <Grid item lg={4} xl={3}>
+      <Grid item lg={3} xl={2}>
         <ImpactCard />
         <FollowedTagsList />
         <FollowedEntitiesList />

diff --git a/plugins/qeta/src/components/QuestionsPage/QuestionsPage.tsx b/plugins/qeta/src/components/QuestionsPage/QuestionsPage.tsx
@@ -29,15 +29,15 @@ export const QuestionsPage = () => {
 
   return (
     <Grid container spacing={4}>
-      <Grid item md={12} lg={8} xl={9}>
+      <Grid item md={12} lg={9} xl={10}>
         <ContentHeader title={t('questionsPage.title')}>
           <ButtonContainer>
             <AskQuestionButton entity={entityRef} tags={tags} />
           </ButtonContainer>
         </ContentHeader>
         <PostsContainer entity={entityRef} tags={tags} type="question" />
       </Grid>
-      <Grid item lg={4} xl={3}>
+      <Grid item lg={3} xl={2}>
         <PostHighlightList
           type="hot"
           title={t('highlights.hotQuestions.title')}

diff --git a/plugins/qeta/src/components/TagPage/TagPage.tsx b/plugins/qeta/src/components/TagPage/TagPage.tsx
@@ -41,7 +41,7 @@ export const TagPage = () => {
 
   return (
     <Grid container spacing={4}>
-      <Grid item md={12} lg={8} xl={9}>
+      <Grid item md={12} lg={9} xl={10}>
         <ContentHeader title={tag ? `#${tag}` : t('tagPage.defaultTitle')}>
           <ButtonContainer>
             {tag && <TagFollowButton tag={tag} />}
@@ -75,7 +75,7 @@ export const TagPage = () => {
           <TagsGrid />
         )}
       </Grid>
-      <Grid item lg={4} xl={3}>
+      <Grid item lg={3} xl={2}>
         <FollowedTagsList />
         {resp && (
           <>

diff --git a/plugins/qeta/src/components/UsersPage/UsersPage.tsx b/plugins/qeta/src/components/UsersPage/UsersPage.tsx
@@ -14,11 +14,11 @@ export const UsersPage = () => {
 
   return (
     <Grid container spacing={4}>
-      <Grid item md={12} lg={8} xl={9}>
+      <Grid item md={12} lg={9} xl={10}>
         <ContentHeader title={t('usersPage.title')} />
         <UsersGrid />
       </Grid>
-      <Grid item lg={4} xl={3}>
+      <Grid item lg={3} xl={2}>
         <FollowedUsersList />
         <PostHighlightList
           type="hot"