From dd94f9f887f80ff7c641fa9fc590899bdff1c687 Mon Sep 17 00:00:00 2001
From: shats <admin@shts.su>
Date: Mon, 16 Feb 2026 22:51:35 +0700
Subject: [PATCH] refactor(PageHeader): update actions positioning to display
 below the title for improved layout and user experience

---
 frontend/src/components/PageHeader.jsx | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/frontend/src/components/PageHeader.jsx b/frontend/src/components/PageHeader.jsx
index 2313a20..add7f4b 100644
--- a/frontend/src/components/PageHeader.jsx
+++ b/frontend/src/components/PageHeader.jsx
@@ -3,12 +3,12 @@ import React from 'react'
 /**
  * Единый заголовок страницы в стиле Tabler UI.
  * Используется на всех страницах для одинакового UX.
- * Кнопки (actions) отображаются справа от названия страницы.
+ * Кнопки (actions) отображаются под названием страницы.
  * @param {string} title - Заголовок страницы
  * @param {React.ReactNode} [icon] - Иконка слева от заголовка (например, <IconServer />)
  * @param {string} [pretitle] - Небольшая надпись над заголовком (page-pretitle)
  * @param {React.ReactNode} [meta] - Подзаголовок или мета-информация под заголовком
- * @param {React.ReactNode} [actions] - Кнопки/действия справа в шапке (btn-list, btn-group)
+ * @param {React.ReactNode} [actions] - Кнопки/действия под названием страницы (btn-list, btn-group)
  */
 function PageHeader({ title, icon, pretitle, actions, meta }) {
   return (
@@ -26,12 +26,14 @@ function PageHeader({ title, icon, pretitle, actions, meta }) {
             <div className="text-muted small mt-1">{meta}</div>
           )}
         </div>
-        {actions && (
-          <div className="col-auto ms-auto d-print-none">
+      </div>
+      {actions && (
+        <div className="row mt-2">
+          <div className="col d-print-none">
             {actions}
           </div>
-        )}
-      </div>
+        </div>
+      )}
     </div>
   )
 }