From 4aa0bbe5e63c5e037db6da2fd79ab0c9169aaecd Mon Sep 17 00:00:00 2001
From: gnezim <gnezim@gmail.com>
Date: Sat, 18 Apr 2026 21:38:40 +0300
Subject: [PATCH] Stack breadcrumb above page title (Angular parity)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Angular renders the breadcrumb trail on its own row above the H1 title.
React had them in the same flex row with justify-content:space-between,
which squeezed the breadcrumb column and forced 'Главная / Онлайн-Табло'
to wrap onto two lines. Switch the header-right container to column
layout so breadcrumbs and title stack vertically regardless of width.
---
 src/ui/layout/PageLayout.scss | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/ui/layout/PageLayout.scss b/src/ui/layout/PageLayout.scss
index be40569d..0a9bf46b 100644
--- a/src/ui/layout/PageLayout.scss
+++ b/src/ui/layout/PageLayout.scss
@@ -70,10 +70,11 @@
   &__header-right {
     margin-top: auto;
     display: flex;
-    justify-content: space-between;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 8px;
 
     @include screen.smTablet {
-      flex-direction: column;
       order: 1;
     }
   }