UX: Better wrapping of group header elements

UX: Better wrapping of group header elements

diff --git a/app/assets/stylesheets/common/base/groups.scss b/app/assets/stylesheets/common/base/groups.scss
index ec70a0e..e2d9111 100644
--- a/app/assets/stylesheets/common/base/groups.scss
+++ b/app/assets/stylesheets/common/base/groups.scss
@@ -1,18 +1,25 @@
 .groups-header {
+  display: flex;
+  flex-wrap: wrap;
   margin-bottom: 30px;
+  .groups-header-new {
+    order: 2;
+    margin-bottom: 0.5em;
+  }
 }
 
 .groups-header-filters {
   display: flex;
+  flex-wrap: wrap;
 
   .groups-header-filters-name,
   .groups-header-filters-type {
     margin-right: 5px;
-    margin-bottom: 0;
+    margin-bottom: 0.5em;
   }
 
   &:last-child {
-    margin-right: 0;
+    margin-right: auto;
   }
 }

GitHub sha: f44ef82b

This commit has been mentioned on Discourse Meta. There might be relevant details there: