Fixed Layout for Dialogs with Inputs

Previously, fixing #999 would apply fixes for ALL dialogs, which was not
intended. It now only provides a fix for dialogs with labels that have
inputs.

web/scadnano-styles.css

@@ -206,26 +206,21 @@ label + select {
     align-self: flex-start;
     width: 100%;
 
-    /* Used to help left and right justify the text and input respectively. */
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
     /*float: left;*/
     /*display: block;*/
 }
 
-.dialog-form-item label {
-    flex-grow: 1; /* Force label to take up available space. */
+/* Only apply this to labels that contain an input field */
+.dialog-form-item label:has(> .dialog-form-item-input) {
     display: flex;
-    justify-content: space-between; /* Evenly distribute text and input. */
-    align-items: center;
+    justify-content: space-between; /* Allow the label text and input to take up entire space. */
+    align-items: center; /* Align items vertically */
 }
 
 .dialog-form-item-input {
-    margin-left: auto; /* Force input toward the right. */
+    margin-left: auto; /* Force label input toward the right. */
 }
 
-
 .dialog-button {
     display: inline-block;
     border-radius: 3px;