apply changes to groups page, adjust heading for header

app/assets/stylesheets/base.css.scss

@@ -63,7 +63,7 @@ body {
 }
 
 .j2-lh {
-  color: $main-color;
+  margin-top: 48px;
 }
 .about--moderator {
   padding-left: 0px;
@@ -302,4 +302,4 @@ body {
   display: -webkit-flex;
   display: -ms-flexbox;
   display:         flex;
-}
+}

app/views/user/groups.html.haml

@@ -1,5 +1,8 @@
-.profile--header
-.container.j2-page
+- provide(:title, user_title(@user, "groups"))
+- no_header = unless @user.profile_header.exists? then "profile--no-header" else "" end
+#profile--header{class: no_header}
+  %img.profile--header-img{src: @user.profile_header.url(:web)}
+.container.j2-page.headerable{class: no_header}
   .col-md-3.col-xs-12.col-sm-4
     = render 'user/profile_info'
     .hidden-xs= render 'shared/links'
@@ -16,4 +19,4 @@
 
   .visible-xs= render 'shared/links'
 - if user_signed_in?
-  = render 'user/modal_group_memberships'
+  = render 'user/modal_group_memberships'