Fix alert overflow on mobile

2026-02-26 01:33:22 +00:00 · 2015-06-26 13:18:47 +10:00
parent 6105d008df
commit eef302635b
2 changed files with 9 additions and 2 deletions
--- 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
--- 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;