From f4e3de4a523d63a195d63c2513d36f10181acff4 Mon Sep 17 00:00:00 2001
From: Denis Shatskiy <admin@shts.su>
Date: Wed, 13 Aug 2025 13:19:10 +0700
Subject: [PATCH] style: Refine modal header layout by adjusting alignment and
 button grouping for improved usability and visual consistency

---
 frontend/src/components/WsUpdateModal.jsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/WsUpdateModal.jsx b/frontend/src/components/WsUpdateModal.jsx
index c166609..dc485c7 100644
--- a/frontend/src/components/WsUpdateModal.jsx
+++ b/frontend/src/components/WsUpdateModal.jsx
@@ -78,12 +78,12 @@ function WsUpdateModal({ show, url, onClose }) {
     <div className="modal show d-block" tabIndex="-1" style={{ backgroundColor: 'rgba(0,0,0,0.5)' }}>
       <div className="modal-dialog modal-lg">
         <div className="modal-content">
-          <div className="modal-header">
-            <h5 className="modal-title d-flex align-items-center">
+          <div className="modal-header d-flex align-items-center justify-content-between">
+            <h5 className="modal-title d-flex align-items-center m-0">
               <IconPlugConnected className="me-2" /> Логи запуска
               <span className={`badge ms-2 ${status === 'open' ? 'bg-green-lt text-green' : status === 'connecting' ? 'bg-orange-lt text-orange' : status === 'error' ? 'bg-red-lt text-red' : 'bg-secondary-lt text-secondary'}`}>{status}</span>
             </h5>
-            <div className="btn-list">
+            <div className="d-flex align-items-center gap-2">
               <button className="btn btn-outline-secondary btn-sm" onClick={() => setAutoScroll(!autoScroll)} title={autoScroll ? 'Отключить автопрокрутку' : 'Включить автопрокрутку'}>
                 {autoScroll ? <IconPlayerPause className="me-1" /> : <IconPlayerPlay className="me-1" />} Автопрокрутка
               </button>
@@ -93,7 +93,7 @@ function WsUpdateModal({ show, url, onClose }) {
               <button className="btn btn-outline-secondary btn-sm" onClick={() => setRawMessages([])} title="Очистить лог">
                 <IconTrash className="me-1" /> Очистить
               </button>
-              <button type="button" className="btn btn-close" onClick={onClose}><IconX size={16} /></button>
+              <button type="button" className="btn-close" onClick={onClose} aria-label="Close"></button>
             </div>
           </div>
           <div className="modal-body">