From f2c3562000f32bc5a0eed70cceaf2084b8ed3bbd Mon Sep 17 00:00:00 2001
From: shats <admin@shts.su>
Date: Mon, 16 Feb 2026 22:23:27 +0700
Subject: [PATCH] refactor(PageHeader): update actions positioning and layout
 for improved visibility and user experience

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

diff --git a/frontend/src/components/PageHeader.jsx b/frontend/src/components/PageHeader.jsx
index f8d1a32..51e92d2 100644
--- a/frontend/src/components/PageHeader.jsx
+++ b/frontend/src/components/PageHeader.jsx
@@ -3,11 +3,12 @@ import React from 'react'
 /**
  * Единый заголовок страницы в стиле Tabler UI.
  * Используется на всех страницах для одинакового UX.
+ * Кнопки (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 (
@@ -25,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>
   )
 }