adjust margin for ordered list items in rendered PostContent

app/lish/[did]/[publication]/[rkey]/PostContent.tsx

···
     case PubLeafletBlocksHeader.isMain(b.block): {
       if (b.block.level === 1)
         return (
-          <h1 className={`h1Block ${className}`} {...blockProps} style={{ ...blockProps.style, fontSize: blockTextSize.h1 }}>
+          <h1
+            className={`h1Block ${className}`}
+            {...blockProps}
+            style={{ ...blockProps.style, fontSize: blockTextSize.h1 }}
+          >
             <TextBlock
               {...b.block}
               index={index}
···
         );
       if (b.block.level === 2)
         return (
-          <h2 className={`h2Block ${className}`} {...blockProps} style={{ ...blockProps.style, fontSize: blockTextSize.h2 }}>
+          <h2
+            className={`h2Block ${className}`}
+            {...blockProps}
+            style={{ ...blockProps.style, fontSize: blockTextSize.h2 }}
+          >
             <TextBlock
               {...b.block}
               index={index}
···
         );
       if (b.block.level === 3)
         return (
-          <h3 className={`h3Block ${className}`} {...blockProps} style={{ ...blockProps.style, fontSize: blockTextSize.h3 }}>
+          <h3
+            className={`h3Block ${className}`}
+            {...blockProps}
+            style={{ ...blockProps.style, fontSize: blockTextSize.h3 }}
+          >
             <TextBlock
               {...b.block}
               index={index}
···
       // if (b.block.level === 4) return <h4>{b.block.plaintext}</h4>;
       // if (b.block.level === 5) return <h5>{b.block.plaintext}</h5>;
       return (
-        <h6 className={`h6Block ${className}`} {...blockProps} style={{ ...blockProps.style, fontSize: blockTextSize.h4 }}>
+        <h6
+          className={`h6Block ${className}`}
+          {...blockProps}
+          style={{ ...blockProps.style, fontSize: blockTextSize.h4 }}
+        >
           <TextBlock
             {...b.block}
             index={index}
···
       ))}
     </ul>
   ) : null;
-  let orderedChildren =
-    props.item.orderedListChildren?.children?.length ? (
-      <ol className="-ml-[7px] sm:ml-[7px]">
-        {props.item.orderedListChildren.children.map((child, index) => (
-          <OrderedListItem
-            pages={props.pages}
-            pollData={props.pollData}
-            bskyPostData={props.bskyPostData}
-            index={[...props.index, index]}
-            item={child}
-            did={props.did}
-            key={index}
-            className={props.className}
-            pageId={props.pageId}
-            startIndex={props.item.orderedListChildren?.startIndex}
-          />
-        ))}
-      </ol>
-    ) : null;
+  let orderedChildren = props.item.orderedListChildren?.children?.length ? (
+    <ol className="-ml-[7px] sm:ml-[7px]">
+      {props.item.orderedListChildren.children.map((child, index) => (
+        <OrderedListItem
+          pages={props.pages}
+          pollData={props.pollData}
+          bskyPostData={props.bskyPostData}
+          index={[...props.index, index]}
+          item={child}
+          did={props.did}
+          key={index}
+          className={props.className}
+          pageId={props.pageId}
+          startIndex={props.item.orderedListChildren?.startIndex}
+        />
+      ))}
+    </ol>
+  ) : null;
   return (
     <li className={`pb-0! flex flex-row gap-2`}>
       <div
···
   pageId?: string;
   startIndex?: number;
 }) {
-  const calculatedIndex = (props.startIndex || 1) + props.index[props.index.length - 1];
+  const calculatedIndex =
+    (props.startIndex || 1) + props.index[props.index.length - 1];
   let children = props.item.children?.length ? (
     <ol className="-ml-[7px] sm:ml-[7px]">
       {props.item.children.map((child, index) => (
···
       ))}
     </ol>
   ) : null;
-  let unorderedChildren =
-    props.item.unorderedListChildren?.children?.length ? (
-      <ul className="-ml-[7px] sm:ml-[7px]">
-        {props.item.unorderedListChildren.children.map((child, index) => (
-          <ListItem
-            pages={props.pages}
-            pollData={props.pollData}
-            bskyPostData={props.bskyPostData}
-            index={[...props.index, index]}
-            item={child}
-            did={props.did}
-            key={index}
-            className={props.className}
-            pageId={props.pageId}
-          />
-        ))}
-      </ul>
-    ) : null;
+  let unorderedChildren = props.item.unorderedListChildren?.children?.length ? (
+    <ul className="-ml-[7px] sm:ml-[7px]">
+      {props.item.unorderedListChildren.children.map((child, index) => (
+        <ListItem
+          pages={props.pages}
+          pollData={props.pollData}
+          bskyPostData={props.bskyPostData}
+          index={[...props.index, index]}
+          item={child}
+          did={props.did}
+          key={index}
+          className={props.className}
+          pageId={props.pageId}
+        />
+      ))}
+    </ul>
+  ) : null;
   return (
     <li className={`pb-0! flex flex-row gap-2`}>
-      <div className="listMarker shrink-0 mx-2 z-1 mt-[14px]">
+      <div className="listMarker shrink-0 mx-2 z-1 mt-[4px]">
         {calculatedIndex}.
       </div>
       <div className="flex flex-col w-full">