Increase bottom notification size

CONTRIBUTORS.md

@@ -67,6 +67,7 @@ Contributors:
 - [Max Kamashev](https://github.com/ukko)
 - [mfoucrier](https://github.com/mfoucrier)
 - [Matthew Cillo](https://github.com/peripatetic-sojourner)
+- [Maxime Corteel](https://github.com/mcorteel)
 - [Mgro](https://github.com/mgro)
 - [Michael Lüpkes](https://github.com/mluepkes)
 - [Mihailov Vasilievic Filho](https://github.com/mihailov-vf)

ChangeLog

@@ -3,6 +3,7 @@ Version 1.0.27 (unreleased)
 
 Improvements:
 
+* Move notifications to the bottom of the screen
 * Added the possibility to import automatic actions from another project
 * Added Ajax loading icon for submit buttons
 * Added support for HTTP header "X-Forwarded-Proto: https"

assets/css/src/alert.css

@@ -48,9 +48,12 @@
 
 .alert-fade-out {
     position: fixed;
-        bottom: 0;
-        left: 0;
+    bottom: 0;
+    left: 0;
     width: 100%;
+    font-size: 1.1em;
+    padding-top: 15px;
+    padding-bottom: 15px;
     margin-bottom: 0;
     border-width: 1px 0 0;
     border-radius: 0;

assets/js/src/App.js

@@ -16,7 +16,7 @@ function App() {
     this.poll();
 
     // Alert box fadeout
-    $(".alert-fade-out").delay(4000).fadeOut(800, function() {
+    $(".alert-fade-out").delay(5000).fadeOut(800, function() {
         $(this).remove();
     });
 }