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