From 5a7175e75dcfaebcd57321fdc6140d9a03180d64 Mon Sep 17 00:00:00 2001 From: summerscope Date: Fri, 19 Sep 2014 16:43:31 +1000 Subject: [PATCH] Tweak markup to make modals fit headers nicely across small sizes --- .../partials/enterprise_header.html.haml | 18 +++++++++++------- 1 file changed, 11 insertions(+), 7 deletions(-) diff --git a/app/assets/javascripts/templates/partials/enterprise_header.html.haml b/app/assets/javascripts/templates/partials/enterprise_header.html.haml index 55b1cec02a..b15c0fcb84 100644 --- a/app/assets/javascripts/templates/partials/enterprise_header.html.haml +++ b/app/assets/javascripts/templates/partials/enterprise_header.html.haml @@ -1,9 +1,13 @@ .highlight{"ng-class" => "{'has_shopfront' : enterprise.has_shopfront}"} - .highlight-top - %p.right - {{ [enterprise.address.city, enterprise.address.state_name] | printArray}} - %h3 - %a{"bo-href" => "enterprise.path", "ofn-empties-cart" => "enterprise", bindonce: true} - %i{"ng-class" => "enterprise.icon_font"} - %span {{ enterprise.name }} + + .highlight-top.row + .small-12.medium-7.large-8.columns + %h3 + %a{"bo-href" => "enterprise.path", "ofn-empties-cart" => "enterprise", bindonce: true} + %i{"ng-class" => "enterprise.icon_font"} + %span {{ enterprise.name }} + .small-12.medium-5.large-4.columns.text-right.small-only-text-left + %p {{ [enterprise.address.city, enterprise.address.state_name] | printArray}} + + // Hero image %img.hero-img{"ng-src" => "{{enterprise.promo_image}}"}