From e03636e0a1fad5810cceff03706467d44c9f281a Mon Sep 17 00:00:00 2001
From: Huang Xin <chrox.huang@gmail.com>
Date: Tue, 6 May 2025 12:45:51 +0800
Subject: [PATCH] fix: expanding clickable region of TOC expander icons, closes
 #1033 (#1044)

---
 .../src/app/reader/components/sidebar/TOCView.tsx        | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/apps/readest-app/src/app/reader/components/sidebar/TOCView.tsx b/apps/readest-app/src/app/reader/components/sidebar/TOCView.tsx
index 7ae4074a..08825c21 100644
--- a/apps/readest-app/src/app/reader/components/sidebar/TOCView.tsx
+++ b/apps/readest-app/src/app/reader/components/sidebar/TOCView.tsx
@@ -74,7 +74,14 @@ const TOCItemView: React.FC<{
         }`}
       >
         {item.subitems && (
-          <span onClick={handleToggleExpand} className='inline-block cursor-pointer'>
+          <span
+            onClick={handleToggleExpand}
+            className='inline-block cursor-pointer'
+            style={{
+              padding: '12px',
+              margin: '-12px',
+            }}
+          >
             {createExpanderIcon(isExpanded)}
           </span>
         )}