From 204ea4f4bc62b6ac236120d3839eb9892d10574d Mon Sep 17 00:00:00 2001
From: Matthias Puchstein <matthias@puchstein.bayern>
Date: Sat, 12 Jul 2025 12:37:05 +0200
Subject: [PATCH] updated `DreamCardCompact` to improve user display by
 resizing avatar and name elements, adjusting spacings for better layout
 balance, and refining font sizes for consistency

Signed-off-by: Matthias Puchstein <matthias@puchstein.bayern>
---
 src/components/DreamCardCompact.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/DreamCardCompact.tsx b/src/components/DreamCardCompact.tsx
index 90fbe1c..3018450 100644
--- a/src/components/DreamCardCompact.tsx
+++ b/src/components/DreamCardCompact.tsx
@@ -24,10 +24,10 @@ export const DreamCardCompact = ({dream, index, showUser = false, user}: DreamCa
                 }}>
                 <div className="flex items-center justify-between mb-1">
                     {showUser && user && (
-                        <div className="pl-2" style={{width: '90px', minWidth: '90px'}}>
+                        <div className="pl-2" style={{width: '120px', minWidth: '120px'}}>
                             <div className="flex items-center">
                                 <div
-                                    className="w-6 h-6 rounded-full mr-1.5 flex items-center justify-center overflow-hidden border-2"
+                                    className="w-8 h-8 rounded-full mr-2 flex items-center justify-center overflow-hidden border-2"
                                     style={{
                                         background: 'var(--accent-gradient)',
                                         borderColor: 'var(--accent-soft)',
@@ -38,11 +38,11 @@ export const DreamCardCompact = ({dream, index, showUser = false, user}: DreamCa
                                              alt={user.name} className="w-full h-full object-cover"/>
                                     ) : (
                                         <span
-                                            className="text-xs text-white">{user.name.charAt(0)}</span>
+                                            className="text-sm text-white">{user.name.charAt(0)}</span>
                                     )}
                                 </div>
                                 <span
-                                    className="font-medium text-xs dreamy-text">{user.name}</span>
+                                    className="font-medium text-sm dreamy-text">{user.name}</span>
                             </div>
                         </div>
                     )}
@@ -53,7 +53,7 @@ export const DreamCardCompact = ({dream, index, showUser = false, user}: DreamCa
                         </p>
                     </div>
                     {/* Add an empty div to balance the layout when user is shown */}
-                    {showUser && user && <div className="invisible" style={{width: '90px', minWidth: '90px'}}></div>}
+                    {showUser && user && <div className="invisible" style={{width: '120px', minWidth: '120px'}}></div>}
                 </div>
             </div>
         </NavLink>