major update

web/css/components/app-flash.css

@@ -16,6 +16,7 @@
     position: relative;
     overflow: hidden;
     color: var(--app-notice-border-color);
+    margin-block: calc(var(--app-spacing) * .75);
 }
 
 #async-messages .notice {
@@ -32,6 +33,7 @@
     position: relative;
     overflow: hidden;
     color: var(--app-notice-border-color);
+    margin-block: 0;
 }
 
 
@@ -111,10 +113,6 @@
     margin: 0;
 }
 
-.app-details-errors {
-    padding-block-start: 1rem;
-}
-
 /* .flash-stack:has(.notice) {
     margin-top: var(--app-spacing);
 } */
@@ -126,6 +124,14 @@
     margin-bottom: 0;
 }
 
+.flash-stack .notice {
+    margin-block: 0;
+}
+
+.flash-stack .notice + .notice {
+    margin-top: calc(var(--app-spacing) * .5);
+}
+
 .notice li {
     list-style: none;
 }