From b00dc3705690bc5d4529874948ded74b40144fd5 Mon Sep 17 00:00:00 2001
From: Juan Treminio <jtreminio@gmail.com>
Date: Thu, 9 Apr 2026 08:57:09 -0500
Subject: [PATCH 1/3] Image sticks while prompt+metadata scrolls in portrait
 mode

---
 src/wwwroot/css/genpage.css                          | 5 +++++
 src/wwwroot/js/genpage/gentab/currentimagehandler.js | 3 +++
 2 files changed, 8 insertions(+)

diff --git a/src/wwwroot/css/genpage.css b/src/wwwroot/css/genpage.css
index 60732e247..02c0c9ea5 100644
--- a/src/wwwroot/css/genpage.css
+++ b/src/wwwroot/css/genpage.css
@@ -208,6 +208,11 @@ body {
     object-fit: contain;
     object-position: top left;
 }
+.current_image_sideblock > .current-image-img {
+    position: sticky;
+    top: 0.5rem;
+    vertical-align: top;
+}
 .current_image_batch {
     display: inline-block;
     overflow-x: hidden;
diff --git a/src/wwwroot/js/genpage/gentab/currentimagehandler.js b/src/wwwroot/js/genpage/gentab/currentimagehandler.js
index 420e186ff..a6246892d 100644
--- a/src/wwwroot/js/genpage/gentab/currentimagehandler.js
+++ b/src/wwwroot/js/genpage/gentab/currentimagehandler.js
@@ -709,6 +709,7 @@ function alignImageDataFormat() {
     let curImg = getRequiredElementById('current_image');
     let img = currentImageHelper.getCurrentImage();
     if (!img) {
+        curImg.classList.remove('current_image_sideblock');
         return;
     }
     let curImgContainer = currentImageHelper.getCurrentImageContainer();
@@ -724,6 +725,7 @@ function alignImageDataFormat() {
     curImgContainer.style.maxWidth = `calc(min(100%, ${width}px))`;
     if ((remainingWidth > 30 * 16 && format == 'auto') || format == 'side') {
         curImg.classList.remove('current_image_small');
+        curImg.classList.add('current_image_sideblock');
         extrasWrapper.style.display = 'inline-block';
         extrasWrapper.classList.add('extras-wrapper-sideblock');
         curImgContainer.style.maxHeight = `calc(max(15rem, 100%))`;
@@ -739,6 +741,7 @@ function alignImageDataFormat() {
     }
     else {
         curImg.classList.add('current_image_small');
+        curImg.classList.remove('current_image_sideblock');
         extrasWrapper.style.width = '100%';
         extrasWrapper.style.maxWidth = `100%`;
         extrasWrapper.style.display = 'block';

From 8ee49b8e79c36de18ec20843a4bdc5ca5b909cfe Mon Sep 17 00:00:00 2001
From: "Alex \"mcmonkey\" Goodwin" <git_commits@alexgoodwin.dev>
Date: Fri, 10 Apr 2026 22:44:43 -0700
Subject: [PATCH 2/3] don't shift down

---
 src/wwwroot/css/genpage.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/wwwroot/css/genpage.css b/src/wwwroot/css/genpage.css
index 02c0c9ea5..e4dfdf213 100644
--- a/src/wwwroot/css/genpage.css
+++ b/src/wwwroot/css/genpage.css
@@ -210,7 +210,7 @@ body {
 }
 .current_image_sideblock > .current-image-img {
     position: sticky;
-    top: 0.5rem;
+    top: 0px;
     vertical-align: top;
 }
 .current_image_batch {

From 00f8173b44233ded8a603012bec6dfe1dee20baf Mon Sep 17 00:00:00 2001
From: "Alex \"mcmonkey\" Goodwin" <git_commits@alexgoodwin.dev>
Date: Fri, 10 Apr 2026 22:45:23 -0700
Subject: [PATCH 3/3] that does nothing

---
 src/wwwroot/css/genpage.css | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/wwwroot/css/genpage.css b/src/wwwroot/css/genpage.css
index e4dfdf213..e63a69333 100644
--- a/src/wwwroot/css/genpage.css
+++ b/src/wwwroot/css/genpage.css
@@ -211,7 +211,6 @@ body {
 .current_image_sideblock > .current-image-img {
     position: sticky;
     top: 0px;
-    vertical-align: top;
 }
 .current_image_batch {
     display: inline-block;