fix margin on alert stripes within ":flash_message" block

app/assets/stylesheets/framework/layout.scss

@@ -32,6 +32,14 @@ body {
   }
 }
 
+.alert-wrapper {
+  margin-bottom: $gl-padding;
+
+  .alert {
+    margin-bottom: 0;
+  }
+}
+
 
 /* The following prevents side effects related to iOS Safari's implementation of -webkit-overflow-scrolling: touch,
 which is applied to the body by jquery.nicescroling plugin to force hardware acceleration for momentum scrolling. Side

app/views/layouts/_page.html.haml

@@ -22,6 +22,7 @@
         = render "layouts/nav/#{nav}"
   .content-wrapper{ class: "#{layout_nav_class}" }
     = yield :sub_nav
+    .alert-wrapper
       = render "layouts/broadcast"
       = render "layouts/flash"
       = yield :flash_message