fix(layout): fixed max inline width not applied for EPUBs, closes #2706 (#2711)

apps/readest-app/src/app/reader/components/ProgressInfo.tsx

@@ -147,8 +147,8 @@ const ProgressInfoView: React.FC<PageInfoProps> = ({
               height: `calc(100% - ${((contentInsets.top + contentInsets.bottom) / 2) * 3}px)`,
             }
           : {
-              paddingInlineStart: `calc(${horizontalGap / 2}% + ${contentInsets.left / 2}px)`,
-              paddingInlineEnd: `calc(${horizontalGap / 2}% + ${contentInsets.right / 2}px)`,
+              paddingInlineStart: `calc(${horizontalGap / 2}% + ${contentInsets.left}px)`,
+              paddingInlineEnd: `calc(${horizontalGap / 2}% + ${contentInsets.right}px)`,
               paddingBottom: appService?.hasSafeAreaInset ? `${gridInsets.bottom * 0.33}px` : 0,
             }
       }

apps/readest-app/src/app/reader/components/SectionInfo.tsx

@@ -70,7 +70,7 @@ const SectionInfo: React.FC<SectionInfoProps> = ({
               }
             : {
                 top: `${topInset}px`,
-                paddingInline: `calc(${horizontalGap / 2}% + ${contentInsets.left / 2}px)`,
+                paddingInline: `calc(${horizontalGap / 2}% + ${contentInsets.left}px)`,
                 width: '100%',
               }
         }

apps/readest-app/src/utils/style.ts

@@ -303,8 +303,12 @@ const getLayoutStyles = (
   p {
     ${vertical ? `margin-left: ${paragraphMargin}em ${overrideLayout ? '!important' : ''};` : ''}
     ${vertical ? `margin-right: ${paragraphMargin}em ${overrideLayout ? '!important' : ''};` : ''}
+    ${vertical ? `margin-top: unset ${overrideLayout ? '!important' : ''};` : ''}
+    ${vertical ? `margin-bottom: unset ${overrideLayout ? '!important' : ''};` : ''}
     ${!vertical ? `margin-top: ${paragraphMargin}em ${overrideLayout ? '!important' : ''};` : ''}
     ${!vertical ? `margin-bottom: ${paragraphMargin}em ${overrideLayout ? '!important' : ''};` : ''}
+    ${!vertical ? `margin-left: unset ${overrideLayout ? '!important' : ''};` : ''}
+    ${!vertical ? `margin-right: unset ${overrideLayout ? '!important' : ''};` : ''}
   }
   div {
     ${vertical && overrideLayout ? `margin-left: ${paragraphMargin}em !important;` : ''}