From 0f58b166ce0db95b4c4b1fd53e40a2f1e4bafd60 Mon Sep 17 00:00:00 2001
From: Gigi <dergigi@pm.me>
Date: Wed, 15 Oct 2025 01:40:34 +0200
Subject: [PATCH] refactor: make regular supporter avatars smaller and remove
 border

- Reduced from w-12 h-12 md:w-16 md:h-16 to w-10 h-10 md:w-12 md:h-12
- Removed ring border for regular supporters (keep yellow ring for whales only)
- Simplified styling logic
---
 src/components/Support.tsx | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/components/Support.tsx b/src/components/Support.tsx
index 342bc43f..c00e1f5d 100644
--- a/src/components/Support.tsx
+++ b/src/components/Support.tsx
@@ -175,12 +175,10 @@ const SupporterCard: React.FC<SupporterCardProps> = ({ supporter, isWhale }) =>
         {/* Avatar */}
         <div
           className={`rounded-full overflow-hidden flex items-center justify-center cursor-pointer transition-transform hover:scale-105
-            ${isWhale ? 'w-24 h-24 md:w-28 md:h-28' : 'w-12 h-12 md:w-16 md:h-16'}
-            ${isWhale ? 'ring-4 ring-yellow-400' : 'ring-2'}
+            ${isWhale ? 'w-24 h-24 md:w-28 md:h-28 ring-4 ring-yellow-400' : 'w-10 h-10 md:w-12 md:h-12'}
           `}
           style={{ 
-            backgroundColor: 'var(--color-bg-elevated)',
-            borderColor: isWhale ? undefined : 'var(--color-border)'
+            backgroundColor: 'var(--color-bg-elevated)'
           }}
           title={`${name} • ${supporter.totalSats.toLocaleString()} sats`}
           onClick={handleClick}