From f44ef82b53402fb6145f385abc0e9c05c401838b Mon Sep 17 00:00:00 2001
From: Kris <kris.aubuchon@discourse.org>
Date: Thu, 21 Feb 2019 21:42:39 -0500
Subject: [PATCH] UX: Better wrapping of group header elements

---
 app/assets/stylesheets/common/base/groups.scss | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/common/base/groups.scss b/app/assets/stylesheets/common/base/groups.scss
index ec70a0ed43d..e2d91113d69 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;
   }
 }