dev-multi-env: modularized environments (#1)

Reviewed-on: #1

wwcompanion-extension/popup.css

@@ -127,28 +127,33 @@ select {
   font-size: 12px;
 }
 
-.button-row {
-  display: grid;
-  grid-template-columns: minmax(64px, 0.8fr) minmax(0, 1.4fr) minmax(64px, 0.8fr);
+.env-row {
+  display: flex;
+  align-items: flex-end;
+}
+
+.env-row .env-field {
+  flex: 1;
+  margin: 0;
+}
+
+.task-row {
+  display: flex;
+  align-items: flex-end;
   gap: 8px;
 }
 
-.button-row button {
-  white-space: nowrap;
+.task-row button {
+  padding: 6px 15px;
 }
 
-.button-row .primary {
-  padding: 6px 8px;
+.task-row .task-field {
+  flex: 1;
+  margin: 0;
 }
 
-.stop-row {
-  display: flex;
-  justify-content: stretch;
-  margin-top: 4px;
-}
-
-.stop-row button {
-  width: 100%;
+.task-row select {
+  min-width: 0;
 }
 
 .hidden {
@@ -192,7 +197,7 @@ button:active {
   border: 1px solid var(--border);
 }
 
-.stop-row .ghost {
+.stop-btn {
   background: #c0392b;
   border-color: #c0392b;
   color: #fff6f2;