From 1fc3cc0e74f5869600c3aea076f5b0e5cf33ab83 Mon Sep 17 00:00:00 2001
From: schmeeve <schmeeve@users.noreply.github.com>
Date: Fri, 25 Sep 2026 12:53:19 -0700
Subject: [PATCH] previews

---
 static/app.css | 10 +++++-----
 static/app.js  |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/static/app.css b/static/app.css
index b11bb71..04f16c8 100644
--- a/static/app.css
+++ b/static/app.css
@@ -303,16 +303,16 @@ body {
 .note-snippet h1, .note-snippet h2, .note-snippet h3 { margin: 0.3em 0; font-size: 1em; color: var(--secondary); }
 .note-snippet blockquote { border-left: 3px solid var(--secondary); margin: 0.3em 0; padding-left: 10px; color: var(--muted); }
 
-.note-item { display: flex; align-items: flex-start; gap: 12px; }
+.note-item { display: flex; flex-direction: column; gap: 10px; }
 .note-body { flex: 1; min-width: 0; }
-.note-thumb {
-  width: 56px;
-  height: 56px;
+.note-banner {
+  width: 100%;
+  height: 140px;
   object-fit: cover;
+  object-position: top;
   border-radius: 6px;
   border: 1px solid var(--border);
   background: var(--surface);
-  flex-shrink: 0;
 }
 .attach-count { color: var(--muted); margin-left: 8px; }
 
diff --git a/static/app.js b/static/app.js
index c07c95f..bca8ec8 100644
--- a/static/app.js
+++ b/static/app.js
@@ -429,7 +429,7 @@ function noteList(notes) {
       n.snippet ? el("div", { class: "note-snippet", html: marked.parse(n.snippet) }) : null,
     ]);
     ul.appendChild(el("li", { class: isCommon ? "note-item note-common" : "note-item", onclick: () => openNote(n.id) }, [
-      n.image ? el("img", { class: "note-thumb", src: n.image, alt: "", loading: "lazy" }) : null,
+      n.image ? el("img", { class: "note-banner", src: n.image, alt: "", loading: "lazy" }) : null,
       bodyEl,
     ]));
   }