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