1 files changed, 9 insertions, 11 deletions
diff --git a/src/style.css b/src/style.css
index b65f632..8a28377 100644
--- a/src/style.css
+++ b/src/style.css
@@ -1035,17 +1035,11 @@ html.no-scroll { overflow: hidden; scrollbar-gutter: auto; }
 .feed-compose-icon { display: flex; flex-shrink: 0; }
 .feed-compose-icon .compose-pen { stroke: #14935a; }
 .feed-compose-icon .compose-pen-fill { fill: #14935a; opacity: .18; }
-.feed-page .feed-new-pill {
-  bottom: calc(env(safe-area-inset-bottom, 0px) + 82px);
-}
-/* a phone is too narrow for it beside the Post button: it rides above */
-@media (max-width: 480px) {
-  .feed-page .feed-new-pill { bottom: calc(env(safe-area-inset-bottom, 0px) + 142px); }
-}
 .feed-new-pill {
-  /* Rides at the bottom of the window, where a thumb already is; the tap
-     takes the reader up to the new posts. */
-  position: fixed; bottom: calc(env(safe-area-inset-bottom, 0px) + 18px);
+  /* Rides at the bottom of the window, where a thumb already is, above the
+     nav; the tap takes the reader up to the new posts. (Painted beside the
+     page, not inside it: see page-floaters in app.js.) */
+  position: fixed; bottom: calc(env(safe-area-inset-bottom, 0px) + 82px);
   left: 50%; transform: translateX(-50%);
   z-index: 30; width: auto; padding: 12px 24px; border-radius: 999px;
   background: var(--fill); color: var(--fill-fg); border: none;
@@ -1054,6 +1048,10 @@ html.no-scroll { overflow: hidden; scrollbar-gutter: auto; }
   box-shadow: 0 3px 12px rgba(0, 0, 0, .28);
   animation: pill-in .18s ease-out;
 }
+/* a phone is too narrow for it beside the Post button: it rides above */
+@media (max-width: 480px) {
+  .feed-new-pill { bottom: calc(env(safe-area-inset-bottom, 0px) + 142px); }
+}
 /* the generic button hover (a light surface) and press (a 1px drop, which
    REPLACED the centring transform and threw the pill half its width to the
    right, out from under the pointer, so the tap never landed) stay off it */
@@ -1894,7 +1892,7 @@ body::after {
     min-height: 48px; padding: 8px 14px; font-size: 16px;
   }
   .feed-post-fab { right: calc(50% - var(--col-edge) + 16px); bottom: 24px; }
-  .feed-new-pill, .feed-page .feed-new-pill { left: calc(50% + var(--col-mid)); bottom: 24px; }
+  .feed-new-pill { left: calc(50% + var(--col-mid)); bottom: 24px; }
   .toast { left: calc(50% + var(--col-mid)); }
 }
 @media (min-width: 1220px) {