сделал включение/отключение классов QoS и правил QoS

static/fields.css

@@ -37,6 +37,30 @@
     border-radius: 0.5em;
 }
 
+.dangerous-button, .action-button {
+    border: solid 1px var(--text-color2);
+    border-radius: 0.5em;
+    padding: 0.3em;
+    margin: 0.2em;
+}
+
+.summary-actions {
+    display: flex;
+    flex-direction: row;
+    align-items: stretch;
+}
+.summary-actions * {
+    margin: 0;
+}
+
+.dangerous-button {
+    background: var(--bg-danger);
+}
+
+.action-button {
+    background: var(--brand-bg);
+}
+
 .nav-bar-element {
     margin: 0.5em;
     border-bottom: 2px solid var(--text-color2);
@@ -76,12 +100,13 @@
     margin: 0;
 }
 
-.settings-set-container label * {
+label * {
     display: block;
 }
-.settings-set-container label {
-    margin: 1em 0;
-    display: block;
+
+label {
+    margin: 1em 0.5em;
+    /*display: block;*/
     /*background: var(--bg-selected);*/
     color: var(--text-color2);
 }
@@ -113,27 +138,10 @@ select * {
     background: var(--bg-selected);
 }
 
-.settings-set-container details summary {
+details > summary {
     display: flex;
     justify-content: space-between;
-}
-
-.dangerous-button, .action-button {
-    border: solid 1px var(--text-color2);
-    border-radius: 0.5em;
-    padding: 0.3em;
-    margin: 0.2em;
-}
-summary .dangerous-button, summary .action-button {
-    margin: 0;
-}
-
-.dangerous-button {
-    background: var(--bg-danger);
-}
-
-.action-button {
-    background: var(--brand-bg);
+    align-items: stretch;
 }
 
 .submit-spinner {
@@ -154,7 +162,6 @@ summary .dangerous-button, summary .action-button {
 /*********************** Стили для красивых 'switch' ***********************/
 
 .toggle-input {
-    display: inline-block;
     position: relative;
     margin: 5px 10px;
     width: 50px;