From 572a97febe68c824d239fbfd1a0db47b2c4fc20b Mon Sep 17 00:00:00 2001
From: chrox <chrox.huang@gmail.com>
Date: Mon, 28 Oct 2024 15:13:50 +0100
Subject: [PATCH] Adjust label style for page info and section info

---
 apps/readest-app/src/app/reader/components/PageInfo.tsx    | 2 +-
 apps/readest-app/src/app/reader/components/SectionInfo.tsx | 7 ++-----
 2 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/apps/readest-app/src/app/reader/components/PageInfo.tsx b/apps/readest-app/src/app/reader/components/PageInfo.tsx
index 5d28cf90..ec4811a7 100644
--- a/apps/readest-app/src/app/reader/components/PageInfo.tsx
+++ b/apps/readest-app/src/app/reader/components/PageInfo.tsx
@@ -17,7 +17,7 @@ const PageInfo: React.FC<PageInfoProps> = ({ bookFormat, section, pageinfo }) =>
         : '';
 
   return (
-    <div className='pageinfo absolute bottom-0 left-0 right-0 flex h-12 items-center justify-center'>
+    <div className='pageinfo absolute bottom-0 left-0 right-0 flex h-12 items-center justify-end pr-[4%]'>
       <h2 className='px-2 text-center font-sans text-xs font-extralight text-slate-500'>
         {pageInfo}
       </h2>
diff --git a/apps/readest-app/src/app/reader/components/SectionInfo.tsx b/apps/readest-app/src/app/reader/components/SectionInfo.tsx
index b313a0f5..a156e380 100644
--- a/apps/readest-app/src/app/reader/components/SectionInfo.tsx
+++ b/apps/readest-app/src/app/reader/components/SectionInfo.tsx
@@ -6,11 +6,8 @@ interface SectionInfoProps {
 
 const SectionInfo: React.FC<SectionInfoProps> = ({ chapter }) => {
   return (
-    <div className='pageinfo absolute left-[4%] right-0 top-0 flex h-9 items-end'>
-      <h2
-        className='text-center font-sans font-extralight text-slate-500'
-        style={{ fontSize: '10px' }}
-      >
+    <div className='pageinfo absolute left-[4%] right-0 top-0 flex h-8 items-end'>
+      <h2 className='text-center font-sans font-light text-slate-500' style={{ fontSize: '10px' }}>
         {chapter || ''}
       </h2>
     </div>