From d85322b6213b3631a1182f66c587b98de9abc877 Mon Sep 17 00:00:00 2001
From: voltrare <30526233+voltrare@users.noreply.github.com>
Date: Tue, 7 Sep 2021 04:25:13 +0800
Subject: [PATCH] Update ReaderNavBar (switch exit and back button) (#21)

---
 src/components/navbar/ReaderNavBar.tsx | 26 +++++++++++++-------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/components/navbar/ReaderNavBar.tsx b/src/components/navbar/ReaderNavBar.tsx
index 6f140772..6fb71b97 100644
--- a/src/components/navbar/ReaderNavBar.tsx
+++ b/src/components/navbar/ReaderNavBar.tsx
@@ -208,19 +208,6 @@ export default function ReaderNavBar(props: IProps) {
             >
                 <div className={classes.root}>
                     <header>
-                        <IconButton
-                            edge="start"
-                            color="inherit"
-                            aria-label="menu"
-                            disableRipple
-                            onClick={() => history.push(`/manga/${manga.id}`)}
-                        >
-                            <CloseIcon />
-                        </IconButton>
-                        <Typography variant="h1">
-                            {/* {title} */}
-                            {chapter.name}
-                        </Typography>
                         {!settings.staticNav
                         && (
                             <IconButton
@@ -233,6 +220,19 @@ export default function ReaderNavBar(props: IProps) {
                                 <KeyboardArrowLeftIcon />
                             </IconButton>
                         ) }
+                        <Typography variant="h1">
+                            {/* {title} */}
+                            {chapter.name}
+                        </Typography>
+                        <IconButton
+                            edge="start"
+                            color="inherit"
+                            aria-label="menu"
+                            disableRipple
+                            onClick={() => history.push(`/manga/${manga.id}`)}
+                        >
+                            <CloseIcon />
+                        </IconButton>
                     </header>
                     <ListItem ContainerComponent="div" className={classes.settingsCollapsseHeader}>
                         <ListItemText primary="Reader Settings" />