From 0face97dc7b262986e206b5f3152e25a506f8326 Mon Sep 17 00:00:00 2001
From: Přemysl Eric Janouch <p@janouch.name>
Date: Sun, 24 Dec 2023 07:04:29 +0100
Subject: Fix the orphan view

---
 public/gallery.js | 6 +++---
 public/style.css  | 3 +++
 2 files changed, 6 insertions(+), 3 deletions(-)

(limited to 'public')

diff --git a/public/gallery.js b/public/gallery.js
index 5df58e6..f97a162 100644
--- a/public/gallery.js
+++ b/public/gallery.js
@@ -416,7 +416,7 @@ let OrphansModel = {
 }
 
 let OrphansReplacement = {
-	view(node) {
+	view(vnode) {
 		const info = vnode.attrs.info
 		if (!info)
 			return []
@@ -431,7 +431,7 @@ let OrphansReplacement = {
 }
 
 let OrphansRow = {
-	view(node) {
+	view(vnode) {
 		const info = vnode.attrs.info
 		return m('.row', [
 			// It might not load, but still allow tag viewing.
@@ -451,7 +451,7 @@ let OrphansList = {
 		let children = (OrphansModel.entries.length == 0)
 			? "No orphans"
 			: OrphansModel.entries.map(info => [
-				m("h3", info.lastPath),
+				m("h2", info.lastPath),
 				m(OrphansRow, {info}),
 			])
 		return m('.orphans[tabindex=0]', {}, children)
diff --git a/public/style.css b/public/style.css
index 888fd6a..42d7a59 100644
--- a/public/style.css
+++ b/public/style.css
@@ -79,3 +79,6 @@ img.thumbnail, .thumbnail.missing { box-shadow: 0 0 3px rgba(0, 0, 0, 0.75);
 .orphans { padding: .5rem; flex-grow: 1; overflow: auto; }
 .duplicates .row,
 .orphans .row { display: flex; margin: .5rem 0; align-items: center; gap: 3px; }
+
+.orphans .row { margin-bottom: 1.25rem; }
+.orphans h2 { margin: 0.25em 0; padding: 0; font-size: 1.1rem; }
-- 
cgit v1.2.3-70-g09d2