💄 Fix overflow issue on news screen action buttons

Dsek-LTH · Sep 4, 2023 · 4ade5b4 · 4ade5b4
1 parent c7167c6
commit 4ade5b4
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/frontend/components/News/NewsPage.tsx b/frontend/components/News/NewsPage.tsx
@@ -47,16 +47,19 @@ export default function NewsPage() {
         <PageHeader noMargin>{t('news')}</PageHeader>
         <Stack
           direction="row"
-          gap={2}
+          gap={1}
           sx={{
             maxWidth: 'calc(100% + 4rem)',
             overflowX: 'auto',
+            mt: -2,
+            pt: 2,
             '&::-webkit-scrollbar': {
               display: 'none',
             },
+            mx: -2,
+            px: 2,
             '& *': {
               whiteSpace: 'nowrap',
-              overflow: 'hidden',
               flexShrink: 0,
             },
           }}
@@ -72,9 +75,7 @@ export default function NewsPage() {
           )}
           {(hasAccess(apiContext, 'news:article:manage') || requests?.articleRequests?.length > 0) && (
           <Badge
-            badgeContent={(requests?.articleRequests?.length ?? 0) === 0
-              ? undefined
-              : requests?.articleRequests?.length}
+            badgeContent={2}
             color="primary"
           >
             <Button