From 2f3a891d0944a3b200d3dda949475bf9e1742f56 Mon Sep 17 00:00:00 2001 From: Tyler Hoang Date: Sat, 9 May 2026 01:41:48 -0700 Subject: Add IMDb, Rotten Tomatoes, and Metacritic ratings to film detail Fetches ratings from OMDB API in parallel with TMDB context. Displays three side-by-side chips between the subtitle and watch log panels. Requires OMDB_API_KEY in .env; degrades silently if missing or no match. Co-Authored-By: Claude Sonnet 4.6 --- static/styles.css | 32 ++++++++++++++++++++++++++++++++ 1 file changed, 32 insertions(+) (limited to 'static/styles.css') diff --git a/static/styles.css b/static/styles.css index 0c48501..c7be672 100644 --- a/static/styles.css +++ b/static/styles.css @@ -548,6 +548,38 @@ h2 { color: var(--accent); } +.ratings-row { + display: flex; + flex-wrap: wrap; + gap: 10px; + margin: 16px 0 20px; +} + +.rating-chip { + display: flex; + flex-direction: column; + gap: 3px; + border: 1px solid var(--line); + border-radius: 8px; + background: var(--panel); + padding: 10px 14px; + min-width: 90px; +} + +.rating-chip-label { + color: var(--muted); + font-size: 0.72rem; + font-weight: 700; + text-transform: uppercase; + letter-spacing: 0.06em; +} + +.rating-chip-value { + color: var(--text); + font-size: 1.05rem; + font-weight: 600; +} + .detail-tagline { margin: 0 0 12px; color: var(--accent-strong); -- cgit v1.3-2-g0d8e