Simplify settings preferences layout

src/app.css

@@ -450,6 +450,23 @@ button,
   color: var(--muted);
 }
 
+.settings-toolbar {
+  display: flex;
+  align-items: end;
+  gap: 12px;
+  flex-wrap: wrap;
+}
+
+.compact-field {
+  min-width: 220px;
+  flex: 0 1 240px;
+}
+
+.compact-field span {
+  color: var(--muted);
+  font-size: 12px;
+}
+
 .toolbar-actions {
   flex-wrap: wrap;
 }
@@ -563,10 +580,6 @@ tbody tr:last-child td {
   display: block;
 }
 
-.system-settings-card {
-  gap: 12px;
-}
-
 .system-fields,
 .service-editor-grid {
   display: grid;
@@ -694,7 +707,8 @@ pre {
   }
 
   .shell-header,
-  .table-toolbar {
+  .table-toolbar,
+  .settings-toolbar {
     flex-direction: column;
     align-items: flex-start;
   }