1 files changed, 6 insertions, 6 deletions
diff --git a/src/style.css b/src/style.css
index 4365b95..af12d49 100644
--- a/src/style.css
+++ b/src/style.css
@@ -1575,7 +1575,7 @@ body::after {
 .mp-sound { font-size: 15px; }
 .mp-sound .off { display: none; }
 .mp-top-r { display: flex; align-items: center; gap: 8px; }
-.mp-fit { height: 32px; padding: 0 12px; font-size: 13px; font-weight: 600; border-radius: 999px; border: 0; color: #fff; background: rgba(255, 255, 255, .16); }
+.mp-fit { height: 40px; padding: 0 14px; font-size: 14px; font-weight: 600; border-radius: 999px; border: 0; color: #fff; background: rgba(255, 255, 255, .16); }
 .media-pager.quiet .mp-top .mp-fit { pointer-events: auto; }
 /* a post out of the carousel: its clip not ready to play yet (mp-wait), or
    the wrong way round for the screen (mp-off). Parked far above the screen
@@ -1854,9 +1854,9 @@ body::after {
 
 /* Always visible, including when the media controls are tucked away. */
 .mp-position { position: absolute; top: calc(env(safe-area-inset-top, 0px) + 16px); left: 50%; transform: translateX(-50%); padding: 5px 10px; border-radius: 20px; background: #0009; color: #fff; font-size: 13px; font-variant-numeric: tabular-nums; pointer-events: none; z-index: 5; }
-/* in the video pager the counter shows while the pager is in motion and
-   fades out a moment after it settles (the animation restarts each time
-   `moving` comes off) */
-.media-pager.videos .mp-position { animation: mp-position-out .4s 1.2s both; }
-.media-pager.videos.moving .mp-position { animation: none; opacity: 1; }
+/* the counter shows while the pager is in motion and fades out a moment
+   after it settles (the animation restarts each time `moving` comes off) */
+.media-pager .mp-position { animation: mp-position-out .4s 1.2s both; }
+.media-pager.moving .mp-position { animation: none; opacity: 1; }
 @keyframes mp-position-out { from { opacity: 1; } to { opacity: 0; } }
+.media-pager.few .mp-position { visibility: hidden; }