Remove unnecessary spacer and adjust margins in the hosts manager UI for improved layout consistency.
This commit is contained in:
parent
5b768c004b
commit
8d884aeb65
2 changed files with 6 additions and 7 deletions
|
@ -71,9 +71,6 @@ class HostsManagerApp(App):
|
||||||
yield Header()
|
yield Header()
|
||||||
yield Footer()
|
yield Footer()
|
||||||
|
|
||||||
# Spacer
|
|
||||||
yield Static("", classes="spacer")
|
|
||||||
|
|
||||||
# Search bar above the panes
|
# Search bar above the panes
|
||||||
with Horizontal(classes="search-container") as search_container:
|
with Horizontal(classes="search-container") as search_container:
|
||||||
search_container.border_title = "Search"
|
search_container.border_title = "Search"
|
||||||
|
|
|
@ -11,7 +11,8 @@ HOSTS_MANAGER_CSS = """
|
||||||
border: round $primary;
|
border: round $primary;
|
||||||
height: 3;
|
height: 3;
|
||||||
padding: 0 1;
|
padding: 0 1;
|
||||||
margin-bottom: 1;
|
margin-top: 1;
|
||||||
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.search-input {
|
.search-input {
|
||||||
|
@ -21,20 +22,21 @@ HOSTS_MANAGER_CSS = """
|
||||||
}
|
}
|
||||||
|
|
||||||
.hosts-container {
|
.hosts-container {
|
||||||
height: 1fr;
|
# height: 1fr;
|
||||||
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.left-pane {
|
.left-pane {
|
||||||
width: 60%;
|
width: 60%;
|
||||||
border: round $primary;
|
border: round $primary;
|
||||||
margin: 1;
|
margin: 0;
|
||||||
padding: 1;
|
padding: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.right-pane {
|
.right-pane {
|
||||||
width: 40%;
|
width: 40%;
|
||||||
border: round $primary;
|
border: round $primary;
|
||||||
margin: 1;
|
margin: 0;
|
||||||
padding: 1;
|
padding: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue