From b03451590856d33c4c93610ee3d1f469be43912d Mon Sep 17 00:00:00 2001
From: Juan Felipe Duarte <70235683+DuarteJFelipe@users.noreply.github.com>
Date: Wed, 15 Oct 2025 16:47:32 -0500
Subject: [PATCH] Improve referral count display layout

Refactored the referral count section to use a column layout, updated the SVG icon, and improved alignment and spacing for better visual clarity.
---
 .../livewire/share-code-component.blade.php    | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/resources/views/livewire/share-code-component.blade.php b/resources/views/livewire/share-code-component.blade.php
index edc240f..b7d8315 100644
--- a/resources/views/livewire/share-code-component.blade.php
+++ b/resources/views/livewire/share-code-component.blade.php
@@ -30,15 +30,17 @@
                     Aquí puedes ver la lista de tus referidos.
                 </p>
             </div>
-            <div class="flex items-center space-x-2 bg-purple-50 px-4 py-2 rounded-lg shadow-sm">
-                <svg class="w-6 h-6 text-purple-600" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
-                <path stroke-linecap="round" stroke-linejoin="round" d="M18 18.72a9.094 9.094 0 0 0 3.741-.479 3 3 0 0 0-4.682-2.72m.94 3.198.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0 1 12 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 0 1 6 18.719m12 0a5.971 5.971 0 0 0-.941-3.197m0 0A5.995 5.995 0 0 0 12 12.75a5.995 5.995 0 0 0-5.058 2.772m0 0a3 3 0 0 0-4.681 2.72 8.986 8.986 0 0 0 3.74.477m.94-3.197a5.971 5.971 0 0 0-.94 3.197M15 6.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm6 3a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Zm-13.5 0a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Z" />
-                </svg>
-
-                <span class="text-purple-700 font-semibold text-lg">
-                    {{ $referrals->count() }}
-                </span>
+            <div class="flex flex-col items-center space-x-2 bg-purple-50 px-4 py-2 rounded-l-lg shadow-sm">
                 <span class="text-gray-600 text-sm">Total de referidos</span>
+                <div class="flex items-center space-x-2">
+                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"  class="w-6 h-6 text-purple-600" >
+                        <path stroke-linecap="round" stroke-linejoin="round" d="M15 19.128a9.38 9.38 0 0 0 2.625.372 9.337 9.337 0 0 0 4.121-.952 4.125 4.125 0 0 0-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 0 1 8.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0 1 11.964-3.07M12 6.375a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0Zm8.25 2.25a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z" />
+                    </svg>
+
+                    <span class="text-purple-700 font-semibold text-lg">
+                        {{ $referrals->count() }}
+                    </span>
+                </div>
             </div>
         </div>