From f468e28054b4909c39b2534ed3d81dd57e564196 Mon Sep 17 00:00:00 2001
From: Felix Hamann <felix.hamann@campus.lmu.de>
Date: Sun, 1 Jul 2018 23:22:30 +0200
Subject: [PATCH] more responsive alerts

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

diff --git a/templates/standalone/alerts.lucius b/templates/standalone/alerts.lucius
index 4d080cc8d..43a3a0785 100644
--- a/templates/standalone/alerts.lucius
+++ b/templates/standalone/alerts.lucius
@@ -28,7 +28,7 @@
   z-index: 0;
   max-height: 200px;
   transition: all .3s ease-in-out;
-  padding-left: 30px;
+  padding-left: 20px;
   margin-left: 20px;
   margin-right: 60px;
   box-shadow: 0 0 7px var(--color-dark);
@@ -68,6 +68,7 @@
 @media (min-width: 768px) {
 
   .alert {
+    padding-left: 30px;
     margin-left: 40px;
     min-width: 400px;
   }
@@ -114,6 +115,14 @@
   }
 }
 
+@media (max-width: 768px) {
+
+  .alert__content {
+    padding: 4px 7px;
+    padding-left: 20px;
+  }
+}
+
 .alert__close {
   cursor: pointer;
   text-align: right;
@@ -155,6 +164,13 @@
   }
 }
 
+@media (max-width: 768px) {
+
+  .alert__close {
+    width: 40px;
+  }
+}
+
 .alert-success {
 
   .alert__content {