Position flash as fixed toast at bottom center
Use position: fixed to overlay the flash without causing layout
reflow. Anchored to bottom center of the viewport.
https://claude.ai/code/session_01NLGBcJgbiyWGDBGFh8DRas
diff --git a/public/css/app.css b/public/css/app.css
index 8198ca6..bd5e33d 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -107,9 +107,11 @@ h2 { font-size: var(--step-0); font-weight: 600; }
/* -------------------- */
.flash-wrap {
- display: flex;
- justify-content: center;
- padding: var(--space-xs) var(--space-l);
+ position: fixed;
+ bottom: var(--space-m);
+ left: 50%;
+ transform: translateX(-50%);
+ z-index: 100;
}
.flash-bar {