From bd795ca99594c484a68c108f4c29c6b57e120b8a Mon Sep 17 00:00:00 2001
From: Hardcore Sushi <hardcore.sushi@disroot.org>
Date: Fri, 28 May 2021 19:15:34 +0200
Subject: [PATCH] Responsive pop-up

---
 src/frontend/commons/style.css | 15 +++++++++++++++
 src/frontend/index.css         |  2 +-
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/frontend/commons/style.css b/src/frontend/commons/style.css
index bb40552..d5c812c 100644
--- a/src/frontend/commons/style.css
+++ b/src/frontend/commons/style.css
@@ -67,6 +67,21 @@ main.card {
     border-radius: 10px;
     font-size: 1.2em;
 }
+@media (max-width: 1700px) {
+    .popup {
+        width: 50vw;
+    }
+}
+@media (max-width: 1400px) {
+    .popup {
+        width: 60vw;
+    }
+}
+@media (max-width: 1100px) {
+    .popup {
+        width: 70vw;
+    }
+}
 .popup:last-child::after {
     content: "";
     display: block;
diff --git a/src/frontend/index.css b/src/frontend/index.css
index 78622e9..d0911b5 100644
--- a/src/frontend/index.css
+++ b/src/frontend/index.css
@@ -59,7 +59,7 @@ button:hover::after {
 }
 .popup h2.warning::before {
     content: url("/static/imgs/icons/warning/ACCENT_COLOR");
-    width: 9%;
+    width: 2em;
     display: inline-block;
     vertical-align: middle;
 }