Fix flashes style

1 files changed, 12 insertions, 5 deletions

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);
     }
 }