diff --git a/web/scadnano-styles.css b/web/scadnano-styles.css index 4a2fed75..ba2c373f 100644 --- a/web/scadnano-styles.css +++ b/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;