diff --git a/static/styles.css b/static/styles.css index 6b12139..49d9041 100644 --- a/static/styles.css +++ b/static/styles.css @@ -84,4 +84,24 @@ footer.site-footer a:hover { .position-fixed.top-0.end-0.p-3 { right: max(env(safe-area-inset-right), 1rem); top: max(env(safe-area-inset-top), 1rem); +} + + + +/* Toast container & toasts: keep inside viewport */ +#toast-container { + width: min(480px, 96vw); + max-width: min(480px, 96vw); +} + +#toast-container .toast { + max-width: 100%; + overflow-wrap: anywhere; + word-break: break-word; + white-space: normal; +} + +.position-fixed.top-0.end-0.p-3 { + right: 1rem; + top: 1rem; } \ No newline at end of file