From 5285c6c01fdf65f3a4f9352e4d0e5b7692ab4ac4 Mon Sep 17 00:00:00 2001
From: Felix Hamann <felix.hamann@campus.lmu.de>
Date: Sun, 15 Jul 2018 23:57:39 +0200
Subject: [PATCH] alerts now float all the way to the top

---
 templates/default-layout.lucius    | 1 +
 templates/standalone/alerts.lucius | 7 +++----
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/templates/default-layout.lucius b/templates/default-layout.lucius
index 8d24883c3..4d4e3976f 100644
--- a/templates/default-layout.lucius
+++ b/templates/default-layout.lucius
@@ -152,6 +152,7 @@ h4 {
 
 /* LAYOUT */
 .main {
+  position: relative;
   min-height: calc(100vh - var(--header-height));
 }
 
diff --git a/templates/standalone/alerts.lucius b/templates/standalone/alerts.lucius
index 356ccf723..18b4cec41 100644
--- a/templates/standalone/alerts.lucius
+++ b/templates/standalone/alerts.lucius
@@ -43,10 +43,7 @@
   padding-left: 20px;
   margin-left: 20px;
   animation: slide-in-alert .2s ease-out forwards;
-
-  + .alert:not(.alert--invisible) {
-    margin-top: 20px;
-  }
+  margin-bottom: 20px;
 
   &:hover {
 
@@ -190,4 +187,6 @@
 .alert--invisible {
   max-height: 0;
   transform: translateX(120%);
+  margin-bottom: 0;
+  overflow: hidden;
 }