UX: Fixes for group view

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

@@ -15,12 +15,14 @@
   </section>
 
     <section class='user-main'>
-      <section class='about group'>
-        <div class='details'>
-          <h1>{{name}}</h1>
-        </div>
-      </section>
 
-      {{outlet}}
+      <section class='user-right groups'>
+        <section class='about group'>
+          <div class='details'>
+            <h1>{{name}}</h1>
+          </div>
+        </section>
+        {{outlet}}
+      </section>
     </section>
 </div>

app/assets/stylesheets/desktop/user.scss

@@ -115,9 +115,7 @@
   margin-bottom: 50px;
 
   table.group-members {
-    width: 75%;
-    float:  right;
-
+    width: 100%;
     p {
       max-width: 600px;
       white-space: nowrap;
@@ -141,6 +139,10 @@
     }
   }
 
+  .user-right.groups {
+    margin-top: 0;
+  }
+
   .user-right {
     width: 75%;
     float: right;
@@ -188,10 +190,10 @@
     color: $secondary;
 
     &.group {
-      width: 75%;
-      float: right;
-      margin-top: 20px;
-      .details {padding: 15px;}
+      .details {
+        padding: 15px;
+        margin: 0;
+      }
     }
 
   .secondary {