From 8820ab37f5aed263c05d6c0d9566f7b4b5661da3 Mon Sep 17 00:00:00 2001
From: Conlan Craft <conlanpatrek@gmail.com>
Date: Mon, 20 Nov 2023 11:20:02 -0600
Subject: [PATCH 1/2] Fix sp-tab-page scrolling bugs.

---
 index.html | 27 ++++-----------------------
 index.js   |  4 ++--
 2 files changed, 6 insertions(+), 25 deletions(-)

diff --git a/index.html b/index.html
index 2f6f1d11..d0725977 100644
--- a/index.html
+++ b/index.html
@@ -340,30 +340,11 @@
         }
 
         .sp-tab-page {
-            visibility: hidden;
-            /* display: none; */
-            flex: 1 1 auto;
-            /* overflow: scroll; */
-            overflow-y: scroll;
-            padding: 12px 0;
+            display: none;
+            padding: 10px 0;
             flex-direction: column;
-        }
-
-        .sp-tab-page.visible-hack {
-            display: flex;
-            /* overflow: hidden; */
-            /* overflow-y: scroll; */
-            /* position: fixed; */
-            top: 25px;
-            visibility: visible;
             max-width: 100%;
-            width: 100%;
-            /* margin: 0px; */
-            position: absolute;
-            width: 100%;
-            left: 0;
-            padding-left: 10px;
-            padding-right: 10px;
+            position: relative;
         }
 
         .sp-tab-page.visible {
@@ -1124,7 +1105,7 @@
             </div>
 
             <div
-                class="sp-tab-page visible-hack"
+                class="sp-tab-page visible"
                 id="sp-stable-diffusion-ui-tab-page"
             >
                 <div id="sdTabContainer"></div>
diff --git a/index.js b/index.js
index b5beface..67bd517d 100644
--- a/index.js
+++ b/index.js
@@ -313,9 +313,9 @@ Array.from(document.querySelectorAll('.sp-tab')).forEach((theTab) => {
                             .getAttribute('id')
                             .startsWith(theTab.getAttribute('id'))
                     ) {
-                        tabPage.classList.add('visible-hack')
+                        tabPage.classList.add('visible')
                     } else {
-                        tabPage.classList.remove('visible-hack')
+                        tabPage.classList.remove('visible')
                     }
                 }
             )

From 363d22d8a8ed7ec3c9c488705692b99f8c30e729 Mon Sep 17 00:00:00 2001
From: Conlan Craft <conlanpatrek@gmail.com>
Date: Thu, 23 Nov 2023 14:08:39 -0600
Subject: [PATCH 2/2] Adjust padding on tab page

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index d0725977..d5c2a2fd 100644
--- a/index.html
+++ b/index.html
@@ -341,7 +341,7 @@
 
         .sp-tab-page {
             display: none;
-            padding: 10px 0;
+            padding: 7px;
             flex-direction: column;
             max-width: 100%;
             position: relative;