mirror/NetAlertX
1
0
Fork 0
mirror of https://github.com/jokob-sk/NetAlertX.git synced 2026-04-17 22:08:41 -04:00
Code Issues Packages Projects Releases Wiki Activity

STYLE: Refactor columnFilters and filter-group styles for improved layout and spacing

Browse Source
This commit is contained in:
Jokob @NetAlertX
2026-04-16 22:10:51 +00:00
parent b8309c123b
commit ed1ed6bb3f
1 changed files with 39 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
front/css/app.css
View File

@@ -1413,15 +1413,48 @@ textarea[readonly],
#columnFilters {
display: flex;
flex-wrap: wrap;
gap: 10px; /* Add spacing between items */
display: grid;
grid-template-columns: repeat(auto-fit, minmax(125px, 1fr));
gap: 0.75em;
padding: 0.5em 0;
}
#columnFilters::before,
#columnFilters::after {
display: none !important;
}
.filter-group {
box-sizing: border-box; /* Ensure padding and borders are included in the width */
padding: 1em;
padding-top: 0;
box-sizing: border-box;
padding: 0.4em;
margin: 0;
border-radius: 3px;
display: flex;
flex-direction: column;
align-items: stretch;
gap: 0.15em;
white-space: normal;
}
.filter-group label {
box-sizing: border-box;
margin: 0;
border-radius: 3px;
display: flex;
flex-direction: column;
align-items: stretch;
gap: 0.15em;
white-space: normal;
padding-left: 15px;
padding-right: 0px;
}
.filter-dropdown {
width: 100%;
}
.filter-group select {
margin-left: 15px;
padding-right: 0px;
}
.filter-dropdown