update: back button size and position

src/components/MobileHeader.astro

@@ -14,7 +14,7 @@ const marginBottom = {
   }[titleSpace] || 'mb-2.875'
 ---
 
-<header class="mb-10.625 lg:hidden">
+<header class="mb-12.25 lg:hidden">
   <h3 class={`${marginBottom} mt-2.9375 text-5.375 c-secondary font-bold font-title`}>
     <!-- Fix text cut issue on ios by adding a div tag -->
     <div

src/pages/posts/[slug].astro

@@ -25,7 +25,7 @@ const { Content, remarkPluginFrontmatter } = await post.render()
   postDescription={post.data.description}
   postImage={post.data.image}
 >
-  <article class="heti -mt-6">
+  <article class="heti">
     <BackButton />
     <h1 class="post-title">
       <span
@@ -37,7 +37,7 @@ const { Content, remarkPluginFrontmatter } = await post.render()
     </h1>
 
     <div
-      class="mb-15 block c-primary font-time"
+      class="mb-11.75 block c-primary font-time"
       transition:name={`time-${post.data.slug || post.slug}`}
       data-disable-transition-on-theme
     >
@@ -51,7 +51,7 @@ const { Content, remarkPluginFrontmatter } = await post.render()
     <Content />
 
     {post.data.tags && post.data.tags.length > 0 && (
-      <div class="mt-10.625">
+      <div class="mt-9.75">
         <div class="h-0.125 w-10 bg-secondary opacity-25"></div>
         <div class="mt-4.375 w-95% flex flex-wrap gap-x-3 gap-y-3.6">
           {post.data.tags.map(tag => (

src/styles/heti.css

@@ -115,7 +115,7 @@
 	font-weight:600
 }
 .heti .post-title {
-  --at-apply: 'mt-2.75 c-primary mb-2.375 font-bold text-9 leading-12';
+  --at-apply: 'mt-2 c-primary mb-2 font-bold text-9 leading-12';
 	line-height:48px
 }
 .heti h1 {