fix(text): add podcast control text labels

[youssefadly237]

Replace Unicode emoji icons with plain text labels for podcast controls to prevent UI issues. Controls affected: playback speed, sleep timer, episodes, and 15s skip buttons.

after the pr

before the pr

Summary by CodeRabbit

• Style
  • Updated podcast player control appearance and labeling for better usability. The 15-second seek buttons now display "-15s" and "+15s" text labels for improved clarity. Added descriptive text labels to playback speed, sleep timer, and now-playing episodes controls, replacing generic icon-only displays. These changes enhance control recognition and accessibility in the player interface.

[coderabbitai]

Walkthrough

CSS styling updates to a user stylesheet simplifying media player control label rendering with straightforward selector patterns and adding styling for new podcast control buttons with pseudo-element content rules and visibility properties.

Changes

Cohort / File(s)	Summary
Media Control Label Simplification text/user.css	Simplified selector syntax for seek-back-15 and seek-forward-15 controls, replacing complex :has() pseudo-class rules with direct span:first-child::after selectors; updated pseudo-element content to "-15s" and "+15s" with white-space: nowrap.
Podcast Controls Styling text/user.css	Added styling rules for playback-speed, sleep-timer, and npv-episodes controls with pseudo-element content definitions ("timer", "list") and sizing properties; extended SVG visibility rule to hide SVGs within these new control buttons.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Suggested reviewers

• kyrie25

Poem

🐰 Selectors simplified, controls now clear,

Seek back, seek forward, the labels appear,

Podcast buttons hop with timer and list,

CSS magic—no SVGs missed! ✨

🚥 Pre-merge checks | ✅ 3

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title accurately describes the main change: adding text labels for podcast controls instead of Unicode emoji icons.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}