From d383939c9fd6dec12b1540acc68e9c9d7f3e98a6 Mon Sep 17 00:00:00 2001
From: Aria Moradi <aria.moradi007@gmail.com>
Date: Sun, 28 Mar 2021 01:12:32 +0430
Subject: [PATCH] improve loading spinner's place

---
 webUI/react/src/components/LoadingPlaceholder.tsx | 2 +-
 webUI/react/src/screens/Manga.tsx                 | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/webUI/react/src/components/LoadingPlaceholder.tsx b/webUI/react/src/components/LoadingPlaceholder.tsx
index 0436395..36c1dbc 100644
--- a/webUI/react/src/components/LoadingPlaceholder.tsx
+++ b/webUI/react/src/components/LoadingPlaceholder.tsx
@@ -14,7 +14,7 @@ import CircularProgress from '@material-ui/core/CircularProgress';
 
 const useStyles = makeStyles({
     loading: {
-        margin: '10px 0',
+        margin: '10px auto',
         display: 'flex',
         justifyContent: 'center',
     },
diff --git a/webUI/react/src/screens/Manga.tsx b/webUI/react/src/screens/Manga.tsx
index b5e9127..c7d997d 100644
--- a/webUI/react/src/screens/Manga.tsx
+++ b/webUI/react/src/screens/Manga.tsx
@@ -69,7 +69,7 @@ export default function Manga() {
 
     const chapterCards = (
         <LoadingPlaceholder
-            shouldRender
+            shouldRender={chapters.length > 0}
         >
             <ol className={classes.chapters}>
                 {chapters.map((chapter) => (<ChapterCard chapter={chapter} />))}