From e3ffec52d04e507de1884272ac69cb99dc83b8a5 Mon Sep 17 00:00:00 2001
From: Felix Hamann <felix.hamann@campus.lmu.de>
Date: Sat, 30 Jun 2018 20:07:52 +0200
Subject: [PATCH 1/3] slight box-shadow for alert-icons

---
 templates/standalone/alerts.lucius | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/templates/standalone/alerts.lucius b/templates/standalone/alerts.lucius
index fa9512abd..3c3b10fc1 100644
--- a/templates/standalone/alerts.lucius
+++ b/templates/standalone/alerts.lucius
@@ -91,6 +91,7 @@
     align-items: center;
     font-size: 40px;
     color: var(--color-dark);
+    box-shadow: 0 0 2px var(--color-dark);
   }
 }
 
@@ -146,6 +147,7 @@
     &::after {
       content: '\f05a';
       color: var(--color-success);
+      box-shadow: 0 0 2px var(--color-success);
     }
   }
 }
@@ -173,6 +175,7 @@
     &::after {
       content: '\f071';
       color: var(--color-warning);
+      box-shadow: 0 0 2px var(--color-warning);
     }
   }
 }
@@ -189,7 +192,7 @@
     /* TODO: remove me as soon as messagerenderer-error in julius gets resolved */
     &::before {
       color: var(--color-lightwhite);
-    }
+   }
   }
 
   .alert__content {
@@ -201,6 +204,7 @@
     &::after {
       content: '\f071';
       color: var(--color-error);
+      box-shadow: 0 0 2px var(--color-error);
     }
   }
 }

From 857ccad47105f7a5ab50074501673783b06541d2 Mon Sep 17 00:00:00 2001
From: Felix Hamann <felix.hamann@campus.lmu.de>
Date: Sat, 30 Jun 2018 21:24:13 +0200
Subject: [PATCH 2/3] alerts now slide in and -unimportant- ones hide
 automatically

---
 templates/standalone/alerts.julius |  7 +++++++
 templates/standalone/alerts.lucius | 18 ++++++++++++++++++
 2 files changed, 25 insertions(+)

diff --git a/templates/standalone/alerts.julius b/templates/standalone/alerts.julius
index ebf1f744d..00ac0156b 100644
--- a/templates/standalone/alerts.julius
+++ b/templates/standalone/alerts.julius
@@ -11,6 +11,13 @@
       alertEl.classList.add('alert--invisible');
     });
     alertEl.insertBefore(closeEl, alertEl.children[0]);
+
+    // auto-hide info and success-alerts after 3 seconds
+    if (!alertEl.matches('.alert-danger, .alert-warning')) {
+      window.setTimeout(function() {
+        alertEl.classList.add('alert--invisible');
+      }, 3000);
+    }
   }
 
 })();
diff --git a/templates/standalone/alerts.lucius b/templates/standalone/alerts.lucius
index 3c3b10fc1..8856a9b61 100644
--- a/templates/standalone/alerts.lucius
+++ b/templates/standalone/alerts.lucius
@@ -8,6 +8,14 @@
   display: flex;
   flex-direction: column;
 }
+
+@media (min-width: 768px) {
+
+  .alerts {
+    top: 150px;
+  }
+}
+
 .alert {
   position: relative;
   display: inline-block;
@@ -23,6 +31,7 @@
   margin-left: 20px;
   margin-right: 60px;
   box-shadow: 0 0 7px var(--color-dark);
+  animation: slide-in-alert .2s ease-out forwards;
 
   + .alert:not(.alert--invisible) {
     margin-top: 20px;
@@ -39,6 +48,15 @@
   }
 }
 
+@keyframes slide-in-alert {
+  from {
+    left: 120%;
+  }
+  to {
+    left: 0;
+  }
+}
+
 @media (min-width: 425px) {
 
   .alert {

From e9059a7f3591ad59ee936ec80d13ee278019a03a Mon Sep 17 00:00:00 2001
From: Felix Hamann <felix.hamann@campus.lmu.de>
Date: Sat, 30 Jun 2018 21:49:54 +0200
Subject: [PATCH 3/3] slightly darker color for table-cell-contents

---
 templates/default-layout.lucius | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/templates/default-layout.lucius b/templates/default-layout.lucius
index 994f2258e..580c437a0 100644
--- a/templates/default-layout.lucius
+++ b/templates/default-layout.lucius
@@ -296,7 +296,7 @@ a.btn.btn-info:hover,
   /* .table__td { */
   td {
     font-size: 16px;
-    color: #808080;
+    color: var(--color-font);
     line-height: 1.4;
     vertical-align: top;
   }