Revert "Revert "Force flash message width to 80% of screen on small devices""

This reverts commit 53a7d36e44.

Changelog.md

@@ -94,6 +94,7 @@ With the port to Bootstrap 3, app/views/terms/default.haml has a new structure.
 * Correctly skip setting sidekiq logfile on Heroku [#6500](https://github.com/diaspora/diaspora/pull/6500)
 * Fix notifications for interactions by non-contacts [#6498](https://github.com/diaspora/diaspora/pull/6498)
 * Fix issue where the publisher was broken on profile pages [#6503](https://github.com/diaspora/diaspora/pull/6503)
+* Limit flash message width on small devices [#6529](https://github.com/diaspora/diaspora/pull/6529)
 
 ## Features
 

app/assets/stylesheets/_flash_messages.scss

@@ -19,4 +19,11 @@
     &.alert-succes { border: 1px solid darken($state-success-bg, 10%); }
     &.alert-warning { border: 1px solid darken($state-warning-bg, 10%); }
   }
+
+  @media (max-width: $grid-float-breakpoint-max) {
+    .flash-message {
+      max-width: 80%;
+      min-width: 80%;
+    }
+  }
 }