From bd109ba11f04c7d8ea7d1d7dc805576548bfce09 Mon Sep 17 00:00:00 2001
From: Aria Moradi <aria.moradi007@gmail.com>
Date: Sat, 23 Jan 2021 02:32:18 +0330
Subject: [PATCH] some css hacks

---
 webUI/react/src/App.tsx                  | 56 ++++++++++++------------
 webUI/react/src/components/MangaGrid.tsx |  2 +-
 2 files changed, 30 insertions(+), 28 deletions(-)

diff --git a/webUI/react/src/App.tsx b/webUI/react/src/App.tsx
index 5c89f619..246876d 100644
--- a/webUI/react/src/App.tsx
+++ b/webUI/react/src/App.tsx
@@ -2,6 +2,7 @@ import React, { useState } from 'react';
 import {
     BrowserRouter as Router, Route, Switch,
 } from 'react-router-dom';
+import { Container } from '@material-ui/core';
 import CssBaseline from '@material-ui/core/CssBaseline';
 import { createMuiTheme, ThemeProvider } from '@material-ui/core/styles';
 
@@ -40,33 +41,34 @@ export default function App() {
                     <DarkTheme.Provider value={darkThemeContext}>
                         <NavBar />
                     </DarkTheme.Provider>
-
-                    <Switch>
-                        <Route path="/sources/:sourceId/search/">
-                            <Search />
-                        </Route>
-                        <Route path="/extensions">
-                            <Extensions />
-                        </Route>
-                        <Route path="/sources/:sourceId/popular/">
-                            <MangaList popular />
-                        </Route>
-                        <Route path="/sources/:sourceId/latest/">
-                            <MangaList popular={false} />
-                        </Route>
-                        <Route path="/sources">
-                            <Sources />
-                        </Route>
-                        <Route path="/manga/:mangaId/chapter/:chapterId">
-                            <Reader />
-                        </Route>
-                        <Route path="/manga/:id">
-                            <Manga />
-                        </Route>
-                        <Route path="/">
-                            <Home />
-                        </Route>
-                    </Switch>
+                    <Container maxWidth={false} disableGutters style={{ padding: '5px' }}>
+                        <Switch>
+                            <Route path="/sources/:sourceId/search/">
+                                <Search />
+                            </Route>
+                            <Route path="/extensions">
+                                <Extensions />
+                            </Route>
+                            <Route path="/sources/:sourceId/popular/">
+                                <MangaList popular />
+                            </Route>
+                            <Route path="/sources/:sourceId/latest/">
+                                <MangaList popular={false} />
+                            </Route>
+                            <Route path="/sources">
+                                <Sources />
+                            </Route>
+                            <Route path="/manga/:mangaId/chapter/:chapterId">
+                                <Reader />
+                            </Route>
+                            <Route path="/manga/:id">
+                                <Manga />
+                            </Route>
+                            <Route path="/">
+                                <Home />
+                            </Route>
+                        </Switch>
+                    </Container>
                 </NavBarTitle.Provider>
             </ThemeProvider>
         </Router>
diff --git a/webUI/react/src/components/MangaGrid.tsx b/webUI/react/src/components/MangaGrid.tsx
index db37b2a..4f7c20d 100644
--- a/webUI/react/src/components/MangaGrid.tsx
+++ b/webUI/react/src/components/MangaGrid.tsx
@@ -44,7 +44,7 @@ export default function MangaGrid(props: IProps) {
     }
 
     return (
-        <Grid container spacing={1}>
+        <Grid container spacing={1} xs={12} style={{ margin: 0 }}>
             {mapped}
         </Grid>
     );