more css hacks: scroll bar

webUI/react/src/App.tsx

@@ -28,6 +28,21 @@ export default function App() {
             palette: {
                 type: darkTheme ? 'dark' : 'light',
             },
+            overrides: {
+                MuiCssBaseline: {
+                    '@global': {
+                        '*::-webkit-scrollbar': {
+                            width: '10px',
+                            background: darkTheme ? '#222' : '#e1e1e1',
+
+                        },
+                        '*::-webkit-scrollbar-thumb': {
+                            background: darkTheme ? '#111' : '#aaa',
+                            borderRadius: '5px',
+                        },
+                    },
+                },
+            },
         }),
         [darkTheme],
     );
@@ -41,7 +56,7 @@ export default function App() {
                     <DarkTheme.Provider value={darkThemeContext}>
                         <NavBar />
                     </DarkTheme.Provider>
-                    <Container maxWidth={false} disableGutters style={{ padding: '5px' }}>
+                    <Container maxWidth={false} disableGutters>
                         <Switch>
                             <Route path="/sources/:sourceId/search/">
                                 <Search />

webUI/react/src/components/MangaGrid.tsx

@@ -44,7 +44,7 @@ export default function MangaGrid(props: IProps) {
     }
 
     return (
-        <Grid container spacing={1} xs={12} style={{ margin: 0 }}>
+        <Grid container spacing={1} xs={12} style={{ margin: 0, padding: '5px' }}>
             {mapped}
         </Grid>
     );