Rebalance titles in overlays.

[pwl6.git] / src / yuu / data / yuu.css

diff --git a/src/yuu/data/yuu.css b/src/yuu/data/yuu.css
index 6c31d12..4765449 100644 (file)
--- a/src/yuu/data/yuu.css
+++ b/src/yuu/data/yuu.css
@@ -234,8 +234,14 @@ div[data-yuu-command=dismiss] {
     height: 1.25em;
     text-align: center;
     margin-left: -1.3333em;
-    position: sticky;
     top: 0;
+    position: sticky;
+        /* What's really wanted here is 'position: fixed within within the
+           parent' but that's not a thing. position: sticky is close
+           except it leaves it in normal layout flow, which requires
+           another hack... */
+    margin-bottom: -1em;
+        /* Don't take up so much vertical space during layout */
 }
 
 div[data-yuu-command=dismiss]:after {