From e731bb86c570a8202045379f26d654a6e73bca7f Mon Sep 17 00:00:00 2001
From: Augier <contact@c-henry.fr>
Date: Fri, 30 Oct 2015 12:24:25 +0100
Subject: [PATCH] Force flash message width to 80% of screen on small devices

closes #6529
---
 Changelog.md                                | 1 +
 app/assets/stylesheets/_flash_messages.scss | 7 +++++++
 2 files changed, 8 insertions(+)

diff --git a/Changelog.md b/Changelog.md
index f0d6bc740..bf184dd56 100644
--- a/Changelog.md
+++ b/Changelog.md
@@ -7,6 +7,7 @@
 * 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
 
diff --git a/app/assets/stylesheets/_flash_messages.scss b/app/assets/stylesheets/_flash_messages.scss
index e4b4e46c4..950bfa6c8 100644
--- a/app/assets/stylesheets/_flash_messages.scss
+++ b/app/assets/stylesheets/_flash_messages.scss
@@ -50,4 +50,11 @@
     background-color: #CA410B;
     border-color: darken(#CA410B, 10%);
   }
+
+  @media (max-width: $grid-float-breakpoint-max) {
+    .flash-message {
+      max-width: 80%;
+      min-width: 80%;
+    }
+  }
 }