Align panel settings layout

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;