Fix mobile layout

Author: arjunkomath

apps/page/components/post.tsx

@@ -48,12 +48,12 @@ export default function Post({
     >
       <div className="absolute top-3 ml-[-20px] h-[0.0725rem] w-3.5 bg-gray-700 dark:bg-gray-400"></div>
       <div className="min-w-0 w-full space-y-3">
-        <span className="inline-flex text-sm space-x-2 whitespace-nowrap text-gray-500 dark:text-gray-400">
+        <span className="inline-flex flex-col md:flex-row text-sm md:space-x-2 space-y-2 md:space-y-0 whitespace-nowrap text-gray-500 dark:text-gray-400">
           <PostDateTime publishedAt={publishedAt} />
 
           <div className="flex items-center -mt-0.5">
-            {(post?.tags ?? []).map((tag) => (
-              <div key={tag} className="ml-2">
+            {(post?.tags ?? []).map((tag, idx) => (
+              <div key={tag} className={classNames(idx ? "ml-2" : "")}>
                 <PostTypeBadge type={tag as PostType} />
               </div>
             ))}

apps/web/components/post/post.tsx

@@ -77,12 +77,12 @@ export function Post({
         <div className="flex items-center justify-between space-x-4 relative">
           <div className="absolute top-3 ml-[-20px] h-[0.0725rem] w-3.5 bg-gray-700 dark:bg-gray-400"></div>
           <div className="min-w-0 w-full space-y-3">
-            <span className="inline-flex text-sm space-x-2 whitespace-nowrap text-gray-500 dark:text-gray-400">
+            <span className="inline-flex flex-col md:flex-row text-sm md:space-x-2 space-y-2 md:space-y-0 whitespace-nowrap text-gray-500 dark:text-gray-400">
               <PostDateTime publishedAt={publishedAt} startWithFullDate />
 
               <div className="flex items-center -mt-0.5">
-                {(post?.tags ?? []).map((tag: PostType) => (
-                  <div key={tag} className="ml-2">
+                {(post?.tags ?? []).map((tag: PostType, idx) => (
+                  <div key={tag} className={classNames(idx ? "ml-2" : "")}>
                     <PostTypeBadge type={tag} />
                   </div>
                 ))}