From 6ad2f816dff9b2903c7cb44b1d6e66c577ea1432 Mon Sep 17 00:00:00 2001
From: NightFox <nightfox@dev.null>
Date: Fri, 16 Feb 2024 14:11:15 +0300
Subject: [PATCH 1/2] fix vertical padding issue (last-child bottom padding)

---
 render/base.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/render/base.css b/render/base.css
index bcd9c46..9315a63 100644
--- a/render/base.css
+++ b/render/base.css
@@ -358,6 +358,10 @@ body.mini { /* split feature */
 	padding-bottom: 2px;
 	/*padding-bottom: calc(50% - var(--height-image) );*/
 }
+#fail_images.vpadding .meta-block:last-child {
+	padding-top: calc(var(--height-image));
+	padding-bottom: calc(var(--height-image));
+}
 #fail_images.vpadding .meta-block h3, .meta-block:first-child h3 {
 	border-top: none;
 }

From 20d02c28e4426e8500ee44b63a3c513ffa568446 Mon Sep 17 00:00:00 2001
From: NightFox <nightfox@dev.null>
Date: Wed, 18 Dec 2024 01:03:24 +0300
Subject: [PATCH 2/2] add focus for the selected comparison in the list; fix
 light theme

---
 render/index.js        |  5 ++++-
 render/theme-dark.css  |  5 +++--
 render/theme-light.css | 13 ++++++++++---
 3 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/render/index.js b/render/index.js
index 36bfb68..b58a2cc 100644
--- a/render/index.js
+++ b/render/index.js
@@ -245,7 +245,10 @@ function buildData(table, images, data, sort, filter, exact_match) {
 	};
 
 	for (let tr of document.querySelectorAll("table tr")) {
-		tr.addEventListener("click", function() {
+		tr.addEventListener("click", function(event) {
+			this.parentElement.querySelector("tr.active")?.classList.toggle("active");
+			event.stopPropagation();
+			this.classList.toggle("active");
 			this.querySelector("a").click();
 		});
 	}
diff --git a/render/theme-dark.css b/render/theme-dark.css
index 7201010..dcadf4f 100644
--- a/render/theme-dark.css
+++ b/render/theme-dark.css
@@ -21,10 +21,11 @@ table {
 	border: #e100ca 1px solid;
 	border-radius: 6px;
 }
-table tr:hover {
-	background: oklch(76.47% 0.279 334.17);
+table tr:hover,
+table tr.active {
 	background: #512649;
 }
+
 th {
 	/*background: oklch(62.5% 0.291 308.12);*/
 	background: linear-gradient(0deg,#b540ff,cornflowerblue);
diff --git a/render/theme-light.css b/render/theme-light.css
index 67f44cc..4c37180 100644
--- a/render/theme-light.css
+++ b/render/theme-light.css
@@ -16,18 +16,25 @@ body {
 }
 
 table {
-	color: #eb4300;
+	color: #6e1f00;
 	border: #ffa6f6 1px solid;
 	border-radius: 6px;
 }
+table tr:hover,
+table tr.active {
+	background: #ffc3c3;
+}
 th {
 	background: oklch(62.5% 0.291 308.12);
 	background: linear-gradient(0deg,#d99dff,#c4d7f9);
 /*	box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.5);*/
 }
+
+
+
 a, a:visited {
-	color: #e100ca;
-	color: oklch(62.5% 0.291 334.06);
+	color: #9c008b;
+	color: oklch(0.47 0.22 334.15);
 }
 
 :root {