UX: Improve layout of groups filter on groups page.

app/assets/javascripts/discourse/templates/groups.hbs

@@ -1,15 +1,17 @@
 {{#d-section pageClass="groups"}}
   <h1>{{i18n "groups.index.title"}}</h1>
 
-  {{text-field value=filterInput
-      placeholderKey="groups.filter_name"
-      class="groups-name-filter no-blur"}}
+  <div class="groups-filter">
+    {{combo-box value=type
+                content=types
+                clearable=true
+                none="groups.index.all_groups"
+                class="groups-type-filter"}}
 
-  {{combo-box value=type
-              content=types
-              clearable=true
-              none="groups.index.all_groups"
-              class="groups-type-filter"}}
+    {{text-field value=filterInput
+        placeholderKey="groups.filter_name"
+        class="groups-name-filter no-blur"}}
+  </div>
 
   {{#if model}}
     {{#conditional-loading-spinner condition=model.loading}}

app/assets/stylesheets/common/base/groups.scss

@@ -5,7 +5,8 @@
   }
 }
 
-.groups-name-filter, .groups-type-filter {
+.groups-filter {
+  display: inline-block;
   float: right;
 }
 

app/assets/stylesheets/mobile/groups.scss

@@ -3,7 +3,12 @@
     margin-top: 20px;
   }
 
+  .groups-filter {
+    display: block;
+    float: none;
+  }
+
   .groups-name-filter {
-    margin-top: 20px;
+    margin-top: 10px;
   }
 }