From f2e3d298fab6ba7c3e366ae992225d4404a5b5b2 Mon Sep 17 00:00:00 2001
From: summerscope <summerscope@gmail.com>
Date: Thu, 5 Feb 2015 15:17:50 +1100
Subject: [PATCH] More styling for responsive sizes groups header

---
 app/assets/stylesheets/darkswarm/groups.css.sass | 10 +++++++---
 app/views/groups/show.html.haml                  |  6 +++---
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/app/assets/stylesheets/darkswarm/groups.css.sass b/app/assets/stylesheets/darkswarm/groups.css.sass
index 1cdfcc8f8a..17dcedeb34 100644
--- a/app/assets/stylesheets/darkswarm/groups.css.sass
+++ b/app/assets/stylesheets/darkswarm/groups.css.sass
@@ -20,11 +20,15 @@
     vertical-align: middle
 
 #group-page
-  @media screen and (min-width: 768px)
-    .group-logo
-      max-height: 100px
+  .group-logo, .group-header
+    text-align: center   
   .group-name
     border-bottom: 1px solid #ccc
+  @media screen and (min-width: 768px)
+    .group-logo, .group-header
+      text-align: left
+    .group-logo img
+      max-height: 100px
 
   // Tabs
   .tabs dd a
diff --git a/app/views/groups/show.html.haml b/app/views/groups/show.html.haml
index c6f262f4c9..151f0419f7 100644
--- a/app/views/groups/show.html.haml
+++ b/app/views/groups/show.html.haml
@@ -5,9 +5,9 @@
         .small-12.columns
           %img{"src" => @group.promo_image}
       .row
-        .small-12.medium-2.large-2.columns.pad-top
-          %img.group-logo{"src" => @group.logo}
-        .small-12.medium-10.large-10.columns.pad-top
+        .small-12.medium-2.large-2.columns.group-logo.pad-top
+          %img{"src" => @group.logo}
+        .small-12.medium-10.large-10.columns.group-header.pad-top
           %h2.group-name= @group.name
           %p= @group.description