From 713be1538cfd44f4586e2e4b4cea7dc3af731794 Mon Sep 17 00:00:00 2001
From: Yohan Boniface <yohanboniface@free.fr>
Date: Fri, 14 Jun 2024 18:21:44 +0200
Subject: [PATCH] chore: change alert CSS sizing

---
 umap/static/umap/js/components/alerts/alert.css | 5 +++--
 umap/static/umap/vars.css                       | 7 +++++++
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/umap/static/umap/js/components/alerts/alert.css b/umap/static/umap/js/components/alerts/alert.css
index da1b92db..1d437736 100644
--- a/umap/static/umap/js/components/alerts/alert.css
+++ b/umap/static/umap/js/components/alerts/alert.css
@@ -2,7 +2,7 @@
     box-sizing: border-box;
     min-height: 46px;
     line-height: 46px;
-    padding: var(--panel-gutter);
+    padding: var(--box-padding);
     position: absolute;
     box-shadow: 0 1px 7px #999999;
     background: var(--color-darkGray);
@@ -17,7 +17,8 @@
     align-items: flex-start;
     left: 50%;
     transform: translate(-50%, 0);
-    min-width: 80%;
+    max-width: calc(100% - var(--panel-gutter) * 2);
+    width: max-content;
 }
 [role="dialog"] > div {
     margin: 0 auto;
diff --git a/umap/static/umap/vars.css b/umap/static/umap/vars.css
index 8d7e5ed5..b6d4f44e 100644
--- a/umap/static/umap/vars.css
+++ b/umap/static/umap/vars.css
@@ -33,8 +33,15 @@
     --current-footer-height: 0px;
     --control-size: 36px;
     --border-radius: 4px;
+    --box-padding: 20px;
 }
 .dark {
     --background-color: var(--color-darkGray);
     --text-color: #efefef;
 }
+
+@media only screen and (max-width:770px) {
+    :root {
+        --box-padding: 10px;
+    }
+}