diff --git a/app/assets/images/noimage/group.png b/app/assets/images/noimage/group.png index fe402076c0..db71856deb 100644 Binary files a/app/assets/images/noimage/group.png and b/app/assets/images/noimage/group.png differ diff --git a/app/assets/stylesheets/darkswarm/groups.css.sass b/app/assets/stylesheets/darkswarm/groups.css.sass index 7cfcb3a443..4b8e9f0540 100644 --- a/app/assets/stylesheets/darkswarm/groups.css.sass +++ b/app/assets/stylesheets/darkswarm/groups.css.sass @@ -24,13 +24,19 @@ #group-page .group-logo, .group-header text-align: center + .group-logo + padding-bottom: 1em + max-height: 200px .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 + .group-logo + max-height: 120px + float: left + padding-right: 1em + background-color: white // Tabs .tabs dd a // Mobile first diff --git a/app/views/groups/show.html.haml b/app/views/groups/show.html.haml index 5c6a6eddd9..0b66707871 100644 --- a/app/views/groups/show.html.haml +++ b/app/views/groups/show.html.haml @@ -5,15 +5,18 @@ .small-12.columns %img{"src" => @group.promo_image} .row - .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 + / .small-6.medium-2.large-1.columns.group-logo.pad-top + + / .small-6.medium-10.large-11.columns.group-header.pad-top + + .small-12.columns.group-header.pad-top + %img.group-logo{"src" => @group.logo} %h2.group-name= @group.name %p= @group.description .small-12.columns.pad-top .row.pad-top - .small-12.medium-8.large-9.columns + .small-12.medium-12.large-9.columns %div{"ng-controller" => "TabsCtrl"} %tabset %tab{heading: 'Map', @@ -83,7 +86,7 @@ = render partial: 'shared/components/enterprise_no_results' - .small-12.medium-4.large-3.columns + .small-12.medium-12.large-3.columns = render partial: 'contact' / %h4 Contact us / - if @group.phone