Adjust label style for page info and section info

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>

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>