From 4393280fd90c13ae12c44b38469d25577efe782e Mon Sep 17 00:00:00 2001
From: ncoronel <ncoronel@quo.ar>
Date: Thu, 2 Jul 2026 15:28:24 -0300
Subject: [PATCH] feat(login): enhance login page layout with improved divider
 styling

---
 .../store/pages/login-page/login-page.component.html     | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/app/features/store/pages/login-page/login-page.component.html b/src/app/features/store/pages/login-page/login-page.component.html
index 0751bb2..c0a93ee 100644
--- a/src/app/features/store/pages/login-page/login-page.component.html
+++ b/src/app/features/store/pages/login-page/login-page.component.html
@@ -42,8 +42,13 @@
               </div>
             </form>
 
-            <div class="d-flex justify-content-center my-4">
-              <span class="w-100" style="max-width: 16rem; height: 1px; background: linear-gradient(90deg, transparent, rgba(160, 160, 160, 0.55), transparent);"></span>
+            <div class="d-flex align-items-center justify-content-center gap-3 my-4" aria-hidden="true">
+              <span class="flex-grow-1" style="max-width: 18rem; height: 1px; background-color: #d9d9d9;"></span>
+              <span
+                class="rounded-circle border flex-shrink-0"
+                style="width: 16px; height: 16px; border-color: #d9d9d9 !important; background-color: #ffffff;"
+              ></span>
+              <span class="flex-grow-1" style="max-width: 18rem; height: 1px; background-color: #d9d9d9;"></span>
             </div>
 
             <app-button