From eef302635b8765fc3cea47c0d23cc6111793e02e Mon Sep 17 00:00:00 2001
From: Rohan Mitchell <rohan@rohanmitchell.com>
Date: Fri, 26 Jun 2015 13:18:47 +1000
Subject: [PATCH] Fix alert overflow on mobile

---
 app/assets/stylesheets/darkswarm/page_alert.css.sass | 6 ++++++
 app/views/shared/menu/_alert.html.haml               | 5 +++--
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/darkswarm/page_alert.css.sass b/app/assets/stylesheets/darkswarm/page_alert.css.sass
index 03228839ba..5bc59c375a 100644
--- a/app/assets/stylesheets/darkswarm/page_alert.css.sass
+++ b/app/assets/stylesheets/darkswarm/page_alert.css.sass
@@ -15,6 +15,12 @@
     background-position: center center
     padding: 12px 0 8px 0
     margin: 0
+
+    h6
+      @media all and (max-width: 768px)
+        font-size: 10px
+        line-height: 24px
+
     a.alert-cta
       &, & *
         @include csstrans
diff --git a/app/views/shared/menu/_alert.html.haml b/app/views/shared/menu/_alert.html.haml
index 529276f379..3ce7da91f1 100644
--- a/app/views/shared/menu/_alert.html.haml
+++ b/app/views/shared/menu/_alert.html.haml
@@ -3,6 +3,7 @@
     %a.alert-cta{href: "http://www.openfoodnetwork.org", target: "_blank"}
       %h6
         Interested in selling food on the Open Food Network?  &nbsp;
-        %strong Start here
-        %i.ofn-i_054-point-right
+        %strong
+          Start here
+          %i.ofn-i_054-point-right
     %a.close{ ng: { click: "close()" } } &times;