From be8c7162b6f1c5386502fe9a917e7de0c6c1001d Mon Sep 17 00:00:00 2001
From: padreug <padreug@aiolabs.dev>
Date: Sat, 20 Sep 2025 12:00:00 +0200
Subject: [PATCH] Refactor indentation and styling in ThreadedPost component

- Adjusted margin and padding values for nested posts to improve visual hierarchy and readability.
- Updated styles for post containers to enhance the overall layout of threaded discussions.

These changes contribute to a more organized and user-friendly interface within the NostrFeed module.
---
 src/modules/nostr-feed/components/ThreadedPost.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/modules/nostr-feed/components/ThreadedPost.vue b/src/modules/nostr-feed/components/ThreadedPost.vue
index abbaa54..21df850 100644
--- a/src/modules/nostr-feed/components/ThreadedPost.vue
+++ b/src/modules/nostr-feed/components/ThreadedPost.vue
@@ -105,20 +105,20 @@ function getRideshareType(post: FeedPost): string {
     <!-- Vertical line connecting to parent (for nested replies) -->
     <div
       v-if="depth > 0"
-      class="absolute left-0 top-0 bottom-0 w-px bg-border/40"
-      :style="{ marginLeft: `${(depth - 1) * 12 + 6}px` }"
+      class="absolute left-0 top-0 bottom-0 w-px bg-yellow-500/40"
+      :style="{ marginLeft: `${(depth - 1) * 6 + 3}px` }"
     />
 
     <!-- Post container with indentation -->
     <div
       :class="{
-        'pl-3': depth > 0,
+        'pl-2': depth > 0,
         'hover:bg-accent/50': true,
         'transition-colors': true,
         'border-b': depth === 0,
         'border-border/40': depth === 0
       }"
-      :style="{ marginLeft: `${depth * 12}px` }"
+      :style="{ marginLeft: `${depth * 6}px` }"
     >
       <div class="p-3 relative">
 
@@ -260,4 +260,4 @@ function getRideshareType(post: FeedPost): string {
       </div>
     </div>
   </div>
-</template>
\ No newline at end of file
+</template>