From fd9e9c4679ea36bed60acf01a43dda307db203e4 Mon Sep 17 00:00:00 2001
From: hellekin <hellekin@cepheide.org>
Date: Fri, 9 Oct 2020 12:46:11 +0200
Subject: Fix flashes style

---
 app/assets/stylesheets/application/_flash.scss | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

(limited to 'app/assets')

diff --git a/app/assets/stylesheets/application/_flash.scss b/app/assets/stylesheets/application/_flash.scss
index 37d27b2..c373796 100644
--- a/app/assets/stylesheets/application/_flash.scss
+++ b/app/assets/stylesheets/application/_flash.scss
@@ -2,21 +2,28 @@
   FLASH
 */
 
-#flash {
+#flashes {
     position: absolute;
     bottom: 2rem;
+    right: 0;
     margin: 0 auto;
     width: 50%;
     min-width: 24rem;
     max-width: 64rem;
     max-height: 10rem;
-    overflow: scroll;
-    padding: 1rem;
+    overflow: auto;
+    padding: 0.25rem;
+    z-index: 500;
 
-    &.alert {
+    > span {
+        display: block;
+        padding: 0.5rem;
+    }
+
+    .alert {
         background-color: var(--danger-medium);
     }
-    &.notice {
+    .notice {
         background-color: var(--highlight-low);
     }
 }
-- 
cgit v1.2.3