improve the positioning of the edit dialog buttons

Signed-off-by: Brian S. Stephan <bss@incorporeal.org>
This commit is contained in:
Brian S. Stephan 2024-03-12 12:45:58 -05:00
parent 1d887c9fdf
commit c1ab61c61e
Signed by: bss
GPG Key ID: 3DE06D3180895FCB
2 changed files with 14 additions and 6 deletions

View File

@ -47,6 +47,14 @@ EditScreen Label {
}
#button-container {
align: center middle;
}
#cancel-button-container {
align: left middle;
}
#confirm-button-container {
align: right middle;
}

View File

@ -57,12 +57,12 @@ class EditScreen(ModalScreen):
# we don't handle whatever these are yet
self.input_field = Label(repr(self.field_value), id='field-input')
yield Grid(
Container(Label(self.field_descriptor.full_name, id="field-name"), id="field-name-container"),
Container(self.input_field, id="input-field-container"),
Container(Pretty('', id='input-errors', classes='hidden'), id="error-container"),
Horizontal(Button("Confirm", id='confirm-button'),
Button("Cancel", id='cancel-button'),
id="button-container"),
Container(Label(self.field_descriptor.full_name, id='field-name'), id='field-name-container'),
Container(self.input_field, id='input-field-container'),
Container(Pretty('', id='input-errors', classes='hidden'), id='error-container'),
Horizontal(Container(Button("Cancel", id='cancel-button'), id='cancel-button-container'),
Container(Button("Confirm", id='confirm-button'), id='confirm-button-container'),
id='button-container'),
id='edit-dialog',
)