Button or Nav Text That Overflows Its Fixed-Size Container

Why it matters

A listener zoomed in to read small text can't tell which episode a button plays once its label spills outside the button's edges.

How to test

Set zoom to 200% and inspect fixed-size buttons/nav items: text should wrap or the container should grow — if it overflows outside the visible button, it fails.

How to fix

Let buttons grow with their content instead of fixing both width and height; wrap or scroll rather than clip.

.play-btn { min-width: 80px; height: auto; padding: 6px 12px; white-space: normal; }

Outcome

The listener reads each episode button's full label clearly and taps the right one the first time.

Who is affected

Low-vision users, who lose the ability to distinguish between similarly labeled episode buttons once the text clips.