adjusting a loooot of spacing here and there

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

···
   if (!alignment && PubLeafletBlocksImage.isMain(b.block))
     alignment = "text-center justify-center";
 
-  // non text blocks, they need this padding, pt-3 sm:pt-4, which is applied in each case
   let className = `
     postBlockWrapper
     min-h-7
-    pt-1 pb-2
-    ${isList && "isListItem pb-0! "}
+    mt-1 mb-2
+    ${isList && "isListItem mb-0! "}
     ${alignment}
     `;
 
···
           parentPageId={pageId}
           did={did}
           bskyPostData={bskyPostData}
+          className={className}
         />
       );
     }
···
       let uri = b.block.postRef.uri;
       let post = bskyPostData.find((p) => p.uri === uri);
       if (!post) return <div>no prefetched post rip</div>;
-      return <PubBlueskyPostBlock post={post} />;
+      return <PubBlueskyPostBlock post={post} className={className} />;
     }
     case PubLeafletBlocksIframe.isMain(b.block): {
       return (
···
           href={b.block.src}
           target="_blank"
           className={`
-            my-2
+          ${className}
           externalLinkBlock flex relative group/linkBlock
           h-[104px] w-full bg-bg-page overflow-hidden text-primary hover:no-underline no-underline
           hover:border-accent-contrast  shadow-sm
···
             alt={b.block.alt}
             height={b.block.aspectRatio?.height}
             width={b.block.aspectRatio?.width}
-            className={`pt-3! sm:pt-4! rounded-md ${className}`}
+            className={`rounded-lg border border-transparent ${className}`}
             src={blobRefToSrc(b.block.image.ref, did)}
           />
           {b.block.alt && (
···
     }
     case PubLeafletBlocksBlockquote.isMain(b.block): {
       return (
-        // highly unfortunate hack so that the border-l on blockquote is the height of just the text rather than the height of the block, which includes padding.
+        // all this margin stuff is a highly unfortunate hack so that the border-l on blockquote is the height of just the text rather than the height of the block, which includes padding.
         <blockquote
           className={` blockquote py-0! mb-2! last:mb-3! sm:last:mb-4! first:mt-2! sm:first:pt-3 ${className} ${PubLeafletBlocksBlockquote.isMain(previousBlock?.block) ? "-mt-2!" : "mt-1!"}`}
           {...blockProps}
···
       ))}
     </ul>
   ) : null;
-
   return (
     <li className={`pb-0! flex flex-row gap-2`}>
       <div

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

···
           }
         />
         <hr className="border-border-light mb-4 mt-4 sm:mx-4 mx-3" />
-        <div className="pb-6 sm:px-4 px-3">
+        <div className="sm:px-4 px-3">
           {identity &&
           identity.atp_did ===
             document.documents_in_publications[0]?.publications

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

···
 } from "components/Blocks/BlueskyPostBlock/BlueskyEmbed";
 import { BlueskyRichText } from "components/Blocks/BlueskyPostBlock/BlueskyRichText";
 
-export const PubBlueskyPostBlock = ({ post }: { post: PostView }) => {
+export const PubBlueskyPostBlock = (props: {
+  post: PostView;
+  className: string;
+}) => {
+  let post = props.post;
   switch (true) {
     case AppBskyFeedDefs.isBlockedPost(post) ||
       AppBskyFeedDefs.isBlockedAuthor(post) ||
···
       return (
         <div
           className={`
+            ${props.className}
             block-border
             mb-2
       flex flex-col gap-2 relative w-full overflow-hidden group/blueskyPostBlock sm:p-3 p-2 text-sm text-secondary bg-bg-page

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

···
         block-border
         mt-1 mb-2
         ${isOpen && "!border-tertiary"}
+        ${props.className}
         `}
       onClick={(e) => {
         if (e.isDefaultPrevented()) return;

components/DesktopFooter.tsx

···
   return (
     <Media
       mobile={false}
-      className="absolute bottom-4 w-full z-10 pointer-events-none"
+      className="absolute bottom-[40px] w-full z-10 pointer-events-none"
     >
       {focusedEntity &&
         focusedEntity.entityType === "block" &&

components/Pages/Page.tsx

···
         `}
         >
           {props.children}
+          <div className="h-4 sm:h-6 w-full" />
         </div>
       </div>
       {props.pageOptions}