UX: Better wrapping of group header elements
This commit is contained in:
parent
667d3a3fd6
commit
f44ef82b53
|
@ -1,18 +1,25 @@
|
||||||
.groups-header {
|
.groups-header {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
margin-bottom: 30px;
|
margin-bottom: 30px;
|
||||||
|
.groups-header-new {
|
||||||
|
order: 2;
|
||||||
|
margin-bottom: 0.5em;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.groups-header-filters {
|
.groups-header-filters {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
|
||||||
.groups-header-filters-name,
|
.groups-header-filters-name,
|
||||||
.groups-header-filters-type {
|
.groups-header-filters-type {
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:last-child {
|
&:last-child {
|
||||||
margin-right: 0;
|
margin-right: auto;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue