make the add button look more like the remove button

This commit is contained in:
Jakob Ketterl 2021-03-05 18:07:19 +01:00
parent 45e9bd12a5
commit a14f247859
2 changed files with 9 additions and 9 deletions

View File

@ -117,17 +117,17 @@ table.bookmarks .frequency {
overflow-y: auto; overflow-y: auto;
} }
.removable-group.removable { .removable-group.removable, .add-group {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
} }
.removable-group.removable .removable-item { .removable-group.removable .removable-item, .add-group .add-group-select {
flex: 1 0 auto; flex: 1 0 auto;
margin-right: .25rem; margin-right: .25rem;
} }
.removable-group.removable .option-remove-button { .removable-group.removable .option-remove-button, .add-group .option-add-button {
flex: 0 0 70px; flex: 0 0 70px;
} }

View File

@ -410,13 +410,13 @@ class OptionalSection(Section):
<label class="col-form-label col-form-label-sm col-3"> <label class="col-form-label col-form-label-sm col-3">
Additional optional settings Additional optional settings
</label> </label>
<div class="input-group input-group-sm col-9 p-0"> <div class="add-group col-9 p-0">
<select class="form-control from-control-sm optional-select"> <div class="add-group-select">
{options} <select class="form-control form-control-sm optional-select">
</select> {options}
<div class="input-group-append"> </select>
<button type="button" class="btn btn-success option-add-button">Add</button>
</div> </div>
<button type="button" class="btn btn-sm btn-success option-add-button">Add</button>
</div> </div>
</div> </div>
""".format( """.format(