From c1ab61c61ebfdc4e6c3da03ead2641823cdec91d Mon Sep 17 00:00:00 2001 From: "Brian S. Stephan" Date: Tue, 12 Mar 2024 12:45:58 -0500 Subject: [PATCH] improve the positioning of the edit dialog buttons Signed-off-by: Brian S. Stephan --- gp2040ce_bintools/config_tree.css | 8 ++++++++ gp2040ce_bintools/gui.py | 12 ++++++------ 2 files changed, 14 insertions(+), 6 deletions(-) diff --git a/gp2040ce_bintools/config_tree.css b/gp2040ce_bintools/config_tree.css index 374bf1b..d8c2464 100644 --- a/gp2040ce_bintools/config_tree.css +++ b/gp2040ce_bintools/config_tree.css @@ -47,6 +47,14 @@ EditScreen Label { } #button-container { + align: center middle; +} + +#cancel-button-container { + align: left middle; +} + +#confirm-button-container { align: right middle; } diff --git a/gp2040ce_bintools/gui.py b/gp2040ce_bintools/gui.py index 499abe4..fd14d21 100644 --- a/gp2040ce_bintools/gui.py +++ b/gp2040ce_bintools/gui.py @@ -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', )