UX: Better wrapping of group header elements

This commit is contained in:
Kris 2019-02-21 21:42:39 -05:00
parent 667d3a3fd6
commit f44ef82b53
1 changed files with 9 additions and 2 deletions

View File

@ -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;
} }
} }