From 407e37fffda2e4b275a25d9d89759567a513f473 Mon Sep 17 00:00:00 2001 From: phg Date: Tue, 29 Jul 2025 16:37:38 +0200 Subject: [PATCH] Refactor layout of left and right panes to use rounded borders and improve structure --- src/hosts/main.py | 18 ++++++++++++------ 1 file changed, 12 insertions(+), 6 deletions(-) diff --git a/src/hosts/main.py b/src/hosts/main.py index c685d7a..ff6d6ee 100644 --- a/src/hosts/main.py +++ b/src/hosts/main.py @@ -29,14 +29,16 @@ class HostsManagerApp(App): .left-pane { width: 60%; - border: solid $primary; + border: round $primary; margin: 1; + padding: 1; } .right-pane { width: 40%; - border: solid $primary; + border: round $primary; margin: 1; + padding: 1; } .entry-active { @@ -79,13 +81,17 @@ class HostsManagerApp(App): yield Header() with Horizontal(classes="hosts-container"): - with Vertical(classes="left-pane"): - yield Static("Hosts Entries", id="left-header") + left_pane = Vertical(classes="left-pane") + left_pane.border_title = "Hosts Entries" + with left_pane: yield ListView(id="entries-list") + yield left_pane - with Vertical(classes="right-pane"): - yield Static("Entry Details", id="right-header") + right_pane = Vertical(classes="right-pane") + right_pane.border_title = "Entry Details" + with right_pane: yield Static("", id="entry-details") + yield right_pane yield Static("", classes="status-bar", id="status") yield Footer()