From 1141622f86b4c30eb6edc878df0b447d307a3822 Mon Sep 17 00:00:00 2001
From: rednakse <box@rednakse.ru>
Date: Thu, 2 Apr 2026 01:46:11 +0300
Subject: [PATCH] Align panel settings layout

---
 src/app.css | 22 ++++++++++++++++------
 1 file changed, 16 insertions(+), 6 deletions(-)

diff --git a/src/app.css b/src/app.css
index 043ec50..1d6a258 100644
--- a/src/app.css
+++ b/src/app.css
@@ -450,17 +450,22 @@ button,
   color: var(--muted);
 }
 
-.settings-toolbar,
-.panel-settings-grid {
+.settings-toolbar {
   display: flex;
   align-items: end;
   gap: 12px;
   flex-wrap: wrap;
 }
 
+.panel-settings-grid {
+  display: grid;
+  gap: 12px;
+  grid-template-columns: minmax(0, 2fr) minmax(220px, 1fr) minmax(220px, 1fr);
+  align-items: end;
+}
+
 .panel-settings-wide {
-  min-width: 280px;
-  flex: 1 1 320px;
+  min-width: 0;
 }
 
 .compact-field {
@@ -468,6 +473,11 @@ button,
   flex: 0 1 240px;
 }
 
+.panel-settings-grid .compact-field {
+  min-width: 0;
+  flex: initial;
+}
+
 .compact-field span {
   color: var(--muted);
   font-size: 12px;
@@ -714,8 +724,7 @@ pre {
 
   .shell-header,
   .table-toolbar,
-  .settings-toolbar,
-  .panel-settings-grid {
+  .settings-toolbar {
     flex-direction: column;
     align-items: flex-start;
   }
@@ -730,6 +739,7 @@ pre {
   .page-grid,
   .stats-strip,
   .modal-form,
+  .panel-settings-grid,
   .system-fields,
   .service-editor-grid {
     grid-template-columns: 1fr;