From 09a92910e60bd173ba55635e6f1554582965a673 Mon Sep 17 00:00:00 2001
From: Brett <colbr243@gmail.com>
Date: Wed, 22 Jan 2025 17:25:52 +1100
Subject: [PATCH] feat: move timestamp beside name (#2607)

* feat: move timestamp beside name

* feat: timestamp top align
---
 src/apps/feed/components/post/index.tsx          |  3 ++-
 src/apps/feed/components/post/styles.module.scss | 13 +++++++++++++
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/apps/feed/components/post/index.tsx b/src/apps/feed/components/post/index.tsx
index 87db16294..9fc66ecc3 100644
--- a/src/apps/feed/components/post/index.tsx
+++ b/src/apps/feed/components/post/index.tsx
@@ -188,6 +188,8 @@ export const Post = ({
                 {/* @ts-ignore */}
                 <Name className={styles.Name} variant='name'>
                   {nickname}
+                  <span>⋅</span>
+                  {variant === 'default' && <Timestamp className={styles.Date} timestamp={timestamp} />}
                 </Name>
                 {author && (
                   <>
@@ -200,7 +202,6 @@ export const Post = ({
               </div>
             </div>
           }
-          options={variant === 'default' && <Timestamp className={styles.Date} timestamp={timestamp} />}
           actions={
             isMeowsEnabled && (
               <Actions variant={variant}>
diff --git a/src/apps/feed/components/post/styles.module.scss b/src/apps/feed/components/post/styles.module.scss
index b989dc5ed..6cc0c00ed 100644
--- a/src/apps/feed/components/post/styles.module.scss
+++ b/src/apps/feed/components/post/styles.module.scss
@@ -73,9 +73,22 @@
 }
 
 .Name {
+  display: flex;
+  gap: 4px;
+  align-items: center;
+
   font-size: 14px !important;
   font-weight: 600;
   line-height: 14px;
+
+  .Date,
+  span {
+    font-weight: 400;
+  }
+
+  .Date {
+    font-size: 12px;
+  }
 }
 
 .UserName {