Auto-select today's date on add form; clean up rewatch history panel

- Default date_watched to today when adding a new film (JS, en-CA locale)
- Match rewatch history by tmdb_id when available, fall back to title
- Replace inline styles in rewatch section with CSS classes
- Simplify redundant Jinja conditions (rewatch_history and, loop.length > 1)
- Move review-panel margin-top hack to .review-panel-spaced class

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

1 files changed, 50 insertions, 0 deletions

diff --git a/static/styles.css b/static/styles.css
index 9507439..24340e7 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -488,6 +488,52 @@ h2 {
   margin-bottom: 10px;
 }
 
+.rewatch-list {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.rewatch-row {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding-bottom: 12px;
+  border-bottom: 1px solid var(--line);
+}
+
+.rewatch-meta {
+  margin: 0 0 4px;
+  color: var(--muted);
+  font-size: 0.9rem;
+}
+
+.rewatch-rating {
+  margin: 0;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.rewatch-stars {
+  color: var(--accent);
+}
+
+.rewatch-companion {
+  color: var(--muted);
+  font-size: 0.9rem;
+}
+
+.rewatch-delta {
+  color: var(--subtle);
+  font-size: 0.85rem;
+  text-align: right;
+}
+
+.rewatch-delta-rating {
+  color: var(--accent);
+}
+
 .detail-tagline {
   margin: 0 0 12px;
   color: var(--accent-strong);
@@ -895,6 +941,10 @@ textarea:focus {
   grid-column: 1 / -1;
 }
 
+.review-panel-spaced {
+  margin-top: 24px;
+}
+
 .year-bars {
   display: grid;
   gap: 10px;