Mobile landscape needs more spacing from edge of screen (#188)

Fixes #177
andrew-codes · Feb 9, 2024 · 32a86a9 · 32a86a9
2 parents 4fc990e + 96578c4
commit 32a86a9
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/apps/playnite-web/src/components/OuterScroll.tsx b/apps/playnite-web/src/components/OuterScroll.tsx
@@ -44,6 +44,10 @@ const OuterScroll: FC<PropsWithChildren<{}>> = ({ children }) => {
         [theme.breakpoints.down('lg')]: {
           overflowY: 'auto',
           scrollbarColor: `${theme.palette.text.primary} ${theme.palette.background.default}`,
+          padding: `0 ${theme.spacing(2.5)} 0 ${theme.spacing(3)}`,
+        },
+        [theme.breakpoints.only('md')]: {
+          padding: `0 ${theme.spacing(3)} 0 ${theme.spacing(5)}`,
         },
       })}
     >