From 1918ebc9219bc55b9e0aeb7816d5dde1a4585661 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Sat, 12 Jul 2025 16:26:46 +0200
Subject: [PATCH] design: add margin to notification

---
 src/styles/app.css | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/styles/app.css b/src/styles/app.css
index a3db204..539074e 100644
--- a/src/styles/app.css
+++ b/src/styles/app.css
@@ -13,6 +13,7 @@
   --background-color: #ffffff;
   --note-width: 620px;
   --color-contrast-content: var(--color-success);
+  --notyf-margin: 0.5rem;
 }
 
 [data-theme="silk"] {
@@ -108,6 +109,13 @@ a.title-stacked-note-link {
   border: none;
 }
 
+@media only screen and (max-width: 480px) {
+  .notyf__toast {
+    margin: var(--notyf-margin);
+    width: calc(100% - 2 * var(--notyf-margin));
+  }
+}
+
 .alert-success .notyf__message {
   color: var(--color-success-content);
 }