style: update .nav-tile and .usage-bar for improved layout

- Changed .nav-tile to use flexbox with a column direction for better alignment of child elements.
- Updated .usage-bar positioning to relative and adjusted width for enhanced layout consistency.
This commit is contained in:
Zack Spear
2025-05-08 16:56:13 -07:00
parent 44ce463a6d
commit 889c2d209b
@@ -1860,7 +1860,8 @@ span#wlan0 {
.nav-tile {
height: auto;
line-height: 1;
display: block;
display: flex;
flex-direction: column;
padding: 0;
margin: 0;
font-size: 1.2rem;
@@ -2025,13 +2026,8 @@ span#wlan0 {
}
.usage-bar {
float: unset;
position: fixed;
top: 64px;
left: 300px;
height: 2.2rem;
line-height: 2.2rem;
width: 11rem;
position: relative;
width: 6.4rem;
margin: 0;
padding: 0;
}