46 lines
722 B
CSS
46 lines
722 B
CSS
.list-header {
|
|
display: flex;
|
|
align-items: center;
|
|
flex-wrap: wrap;
|
|
gap: .5rem;
|
|
}
|
|
|
|
.list-header-search {
|
|
display: flex;
|
|
flex: 1;
|
|
align-items: center;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
min-width: 200px; /* to enable flexbox wrapping on mobile */
|
|
}
|
|
|
|
.list-header-search > .ui.input {
|
|
flex: 1;
|
|
min-width: 100px !important;
|
|
}
|
|
|
|
.list-header-search > .ui.input .ui.dropdown {
|
|
min-width: auto !important;
|
|
}
|
|
|
|
.list-header-filters {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.list-header-filters > .item {
|
|
padding: 5px 0 5px 10px;
|
|
}
|
|
|
|
@media (max-width: 767.98px) {
|
|
.list-header-search {
|
|
order: 0;
|
|
}
|
|
.list-header-toggle {
|
|
order: 1;
|
|
}
|
|
.list-header-filters {
|
|
order: 2;
|
|
}
|
|
}
|