movie detail page + importer architecture fix

2026-05-10 23:59:26 +02:00
parent f2f1317660
commit b2a2aa4262
49 changed files with 1670 additions and 264 deletions
--- a/static/style.css
+++ b/static/style.css
@@ -985,3 +985,105 @@ form button[type="submit"]:hover {
    justify-content: center;
  }
 }
+
+/* ── Movie detail page ───────────────────────────────────────── */
+
+.stats-bar {
+  display: flex;
+  gap: 0.75rem;
+  flex-wrap: wrap;
+  margin-bottom: 1.25rem;
+}
+
+.stat-box {
+  background: rgba(255, 255, 255, 0.04);
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  border-radius: 6px;
+  padding: 0.6rem 1rem;
+  text-align: center;
+  min-width: 60px;
+}
+
+.stat-box.histogram {
+  text-align: left;
+  flex: 1;
+  min-width: 160px;
+}
+
+.stats-bar .stat-value {
+  font-size: 1.25rem;
+  font-weight: 700;
+  color: oklch(85.2% 0.199 91.936);
+}
+
+.stats-bar .stat-label {
+  font-size: 0.7rem;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  color: rgba(255, 255, 255, 0.45);
+  margin-bottom: 0.35rem;
+}
+
+.histogram-row {
+  display: flex;
+  align-items: center;
+  gap: 0.4rem;
+  margin-bottom: 3px;
+  font-size: 0.7rem;
+}
+
+.hist-label { color: rgba(255, 255, 255, 0.45); width: 1.8rem; text-align: right; }
+.hist-bar-wrap { flex: 1; background: rgba(255, 255, 255, 0.06); border-radius: 2px; height: 6px; }
+.hist-bar { background: oklch(85.2% 0.199 91.936); border-radius: 2px; height: 100%; min-width: 1px; }
+.hist-count { color: rgba(255, 255, 255, 0.45); width: 1.5rem; }
+
+.feed-section-label {
+  font-size: 0.7rem;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  color: rgba(255, 255, 255, 0.4);
+  margin-bottom: 0.5rem;
+}
+
+.review-card {
+  border-radius: 6px;
+  padding: 0.1rem 0;
+  margin-bottom: 0.2rem;
+}
+
+.review-own {
+  background: rgba(74, 170, 119, 0.06);
+  border-radius: 6px;
+  border: 1px solid rgba(74, 170, 119, 0.3);
+  padding: 0 0.5rem;
+}
+
+.review-federated {
+  border-left: 3px solid #4aaa77;
+  padding-left: 0.75rem;
+}
+
+.btn-small {
+  display: inline-block;
+  font-size: 0.75rem;
+  padding: 0.25rem 0.75rem;
+  border-radius: 10px;
+  background: rgba(126, 184, 247, 0.12);
+  color: #7eb8f7;
+  text-decoration: none;
+  border: 1px solid rgba(126, 184, 247, 0.25);
+  transition: background 0.2s;
+}
+
+.btn-small:hover {
+  background: rgba(126, 184, 247, 0.22);
+}
+
+.movie-title-link {
+  color: inherit;
+  text-decoration: none;
+}
+
+.movie-title-link:hover {
+  text-decoration: underline;
+}