From fc4c033cf37cbe455058df0ee17533f59ef3cbc2 Mon Sep 17 00:00:00 2001
From: Huang Xin <chrox.huang@gmail.com>
Date: Fri, 22 Aug 2025 18:35:20 +0800
Subject: [PATCH] layout: layout tweaks on the custom fonts panel (#1871)

---
 .../src/app/reader/components/settings/CustomFonts.tsx    | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/readest-app/src/app/reader/components/settings/CustomFonts.tsx b/apps/readest-app/src/app/reader/components/settings/CustomFonts.tsx
index 0492f868..5cb9d500 100644
--- a/apps/readest-app/src/app/reader/components/settings/CustomFonts.tsx
+++ b/apps/readest-app/src/app/reader/components/settings/CustomFonts.tsx
@@ -172,7 +172,7 @@ const CustomFonts: React.FC<CustomFontsProps> = ({ bookKey, onBack }) => {
                   fontFamily: font.loaded ? `"${font.name}", sans-serif` : 'sans-serif',
                   fontWeight: 400,
                 }}
-                className='text-base-content line-clamp-1 max-w-[90%]'
+                className='text-base-content line-clamp-1'
               >
                 {font.name}
               </div>
@@ -191,9 +191,9 @@ const CustomFonts: React.FC<CustomFontsProps> = ({ bookKey, onBack }) => {
       </div>
 
       <div className='bg-base-200/30 my-8 rounded-lg p-4'>
-        <div className='text-base-content/70'>
-          <div className='mb-1 text-xs font-medium'>{_('Tips')}:</div>
-          <ul className='list-inside list-disc space-y-1 text-sm sm:text-xs'>
+        <div className='text-base-content/70 text-sm sm:text-xs'>
+          <div className='mb-1 indent-2 font-medium'>{_('Tips')}:</div>
+          <ul className='list-outside list-disc space-y-1 ps-2'>
             <li>{_('Supported font formats: .ttf, .odf, .woff, .woff2')}</li>
             <li>{_('Custom fonts can be selected from the Font Face menu')}</li>
           </ul>