layout: notebook layout tweaks (#1319)

apps/readest-app/src/app/reader/components/notebook/Notebook.tsx

@@ -266,10 +266,13 @@ const Notebook: React.FC = ({}) => {
                   className='collapse-arrow border-base-300 bg-base-100 collapse border'
                 >
                   <div
-                    className='collapse-title font-size-sm h-9 min-h-9 p-2 pe-8 font-medium'
+                    className={clsx(
+                      'collapse-title pe-8 text-sm font-medium',
+                      'h-[2.5rem] min-h-[2.5rem] p-[0.6rem]',
+                    )}
                     style={
                       {
-                        '--top-override': '1.2rem',
+                        '--top-override': '1.25rem',
                         '--end-override': '0.7rem',
                       } as React.CSSProperties
                     }

apps/readest-app/src/app/reader/components/sidebar/BooknoteItem.tsx

@@ -85,10 +85,11 @@ const BooknoteItem: React.FC<BooknoteItemProps> = ({ bookKey, item }) => {
         }
       >
         {item.note && (
-          <div className='content prose prose-sm'
+          <div
+            className='content prose prose-sm font-size-sm'
             dir='auto'
-            dangerouslySetInnerHTML={{ __html: marked.parse(item.note) }}>
-          </div>
+            dangerouslySetInnerHTML={{ __html: marked.parse(item.note) }}
+          ></div>
         )}
         <div className='flex items-start'>
           {item.note && (