From bc0df9c764f27118d9d6b475e85f38b7e235db35 Mon Sep 17 00:00:00 2001
From: Tyler Hoang <tyler@tylerhoang.xyz>
Date: Sat, 9 May 2026 01:45:13 -0700
Subject: Show ratings inline with year/director using brand logos

IMDb, Rotten Tomatoes, and Metacritic scores now appear on the same
row as the subtitle with SVG brand logos instead of plain text chips.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 templates/detail.html | 61 ++++++++++++++++++++++++++-------------------------
 1 file changed, 31 insertions(+), 30 deletions(-)

(limited to 'templates')

diff --git a/templates/detail.html b/templates/detail.html
index 5bf4b3f..9c558f7 100644
--- a/templates/detail.html
+++ b/templates/detail.html
@@ -51,39 +51,40 @@
       {% if film.original_title %}
         <p class="original-title">{{ film.original_title }}</p>
       {% endif %}
-      <p class="subtitle">
-        {% if film.year %}{{ film.year }}{% endif %}
-        {% set directors = split_credit_names(film.director) %}
-        {% if directors %}
-          {% if film.year %} · {% endif %}
-          {% for director in directors %}
-            <a class="inline-link" href="{{ director_href(director) }}">{{ director }}</a>{% if not loop.last %}, {% endif %}
-          {% endfor %}
-        {% endif %}
-      </p>
-
-      {% if ratings %}
-      <div class="ratings-row">
-        {% if ratings.imdb %}
-        <div class="rating-chip">
-          <span class="rating-chip-label">IMDb</span>
-          <span class="rating-chip-value">{{ ratings.imdb }}</span>
-        </div>
-        {% endif %}
-        {% if ratings.rt %}
-        <div class="rating-chip">
-          <span class="rating-chip-label">Rotten Tomatoes</span>
-          <span class="rating-chip-value">{{ ratings.rt }}</span>
-        </div>
-        {% endif %}
-        {% if ratings.metacritic %}
-        <div class="rating-chip">
-          <span class="rating-chip-label">Metacritic</span>
-          <span class="rating-chip-value">{{ ratings.metacritic }}</span>
+      <div class="detail-subtitle">
+        <p class="subtitle">
+          {% if film.year %}{{ film.year }}{% endif %}
+          {% set directors = split_credit_names(film.director) %}
+          {% if directors %}
+            {% if film.year %} · {% endif %}
+            {% for director in directors %}
+              <a class="inline-link" href="{{ director_href(director) }}">{{ director }}</a>{% if not loop.last %}, {% endif %}
+            {% endfor %}
+          {% endif %}
+        </p>
+        {% if ratings %}
+        <div class="ratings-inline">
+          {% if ratings.imdb %}
+          <span class="rating-badge">
+            <img src="/static/logos/imdb.svg" alt="IMDb" height="18">
+            <span>{{ ratings.imdb }}</span>
+          </span>
+          {% endif %}
+          {% if ratings.rt %}
+          <span class="rating-badge">
+            <img src="/static/logos/rt.svg" alt="Rotten Tomatoes" height="18">
+            <span>{{ ratings.rt }}</span>
+          </span>
+          {% endif %}
+          {% if ratings.metacritic %}
+          <span class="rating-badge">
+            <img src="/static/logos/metacritic.svg" alt="Metacritic" height="18">
+            <span>{{ ratings.metacritic }}</span>
+          </span>
+          {% endif %}
         </div>
         {% endif %}
       </div>
-      {% endif %}
 
       <section class="detail-grid">
         <article class="detail-panel">
-- 
cgit v1.3-2-g0d8e