From 6fca2789c1229762358d263caf2cbc5b638bcf5a Mon Sep 17 00:00:00 2001
From: "smx.pusha" <139338836+smxpusha@users.noreply.github.com>
Date: Sun, 16 Aug 2026 20:13:08 +0200
Subject: [PATCH] FIX - center navbar back chevron

Render the shared CSS chevron as a sized block so its declared geometry is applied and the icon sits centrally within the navbar back control.

Extend the navbar contract test to protect the corrected layout.
---
 frontend/src/ui/SkyNavbar.test.ts | 3 +++
 frontend/src/ui/controls.css      | 1 +
 2 files changed, 4 insertions(+)

diff --git a/frontend/src/ui/SkyNavbar.test.ts b/frontend/src/ui/SkyNavbar.test.ts
index 920955a..29e6c54 100644
--- a/frontend/src/ui/SkyNavbar.test.ts
+++ b/frontend/src/ui/SkyNavbar.test.ts
@@ -268,6 +268,9 @@ describe('SkyNavbar', () => {
     expect(controlsStyles).toMatch(
       /\.sky-navbar-back-link:active:not\(:disabled\)\s*\{[^}]*opacity:\s*0\.5;[^}]*transition-duration:\s*0ms;/s,
     )
+    expect(controlsStyles).toMatch(
+      /\.sky-navbar-back-link__chevron\s*\{[^}]*width:\s*12px;[^}]*height:\s*12px;[^}]*display:\s*block;/s,
+    )
     expect(controlsStyles).not.toMatch(
       /\.sky-navbar-back-link:active:not\(:disabled\)\s*\{[^}]*--sky-app-accent-soft/s,
     )
diff --git a/frontend/src/ui/controls.css b/frontend/src/ui/controls.css
index 48405da..d36cc55 100644
--- a/frontend/src/ui/controls.css
+++ b/frontend/src/ui/controls.css
@@ -2938,6 +2938,7 @@ label.sky-list-item__row {
 .sky-navbar-back-link__chevron {
   width: 12px;
   height: 12px;
+  display: block;
   border-bottom: 2px solid currentColor;
   border-left: 2px solid currentColor;
   transform: rotate(45deg);