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); }