Remove Back to blog breadcrumb, add top padding to clear mobile ToC

Author: misonijnik

src/components/astro/BlogPostView.astro

@@ -59,17 +59,7 @@ const formattedDate = new Date(post.date).toLocaleDateString("en-US", {
 
 <article>
   <section class="page-section">
-    <div class="mb-4">
-      <a
-        href="/blog"
-        class="inline-flex items-center gap-1.5 font-mono text-xs text-muted-foreground transition-colors hover:text-primary lg:text-[13px]"
-      >
-        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="19" x2="5" y1="12" y2="12"></line><polyline points="12 19 5 12 12 5"></polyline></svg>
-        Back to blog
-      </a>
-    </div>
-
-    <h1 class="mt-4 max-w-3xl break-words font-mono text-2xl font-semibold tracking-[-0.03em] text-foreground sm:text-3xl md:text-4xl lg:text-[2.5rem]">
+    <h1 class="max-w-3xl break-words font-mono text-2xl font-semibold tracking-[-0.03em] text-foreground sm:text-3xl md:text-4xl lg:text-[2.5rem]">
       {post.title}
     </h1>
 

src/pages/blog/[slug].astro

@@ -38,7 +38,7 @@ const toc = headings
 <BaseLayout title={post.title} description={post.description} canonical={post.canonicalUrl}>
   <div class="min-h-screen bg-background flex flex-col">
     <SiteHeader />
-    <main class="flex-1 pt-16">
+    <main class="flex-1 pt-28 xl:pt-16">
       <div class="page-container min-w-0">
         <div class="xl:grid xl:grid-cols-[1fr_14rem] xl:gap-x-8">
           <div class="min-w-0">