From e649b1a0b4377b5743680ceabd2ddb09812f3ad4 Mon Sep 17 00:00:00 2001
From: yasen5 <167659798+yasen5@users.noreply.github.com>
Date: Sat, 6 Dec 2025 11:33:23 -0800
Subject: [PATCH 1/3] Make closing x stay in popup view

---
 src/popup.tsx | 23 ++++++++++++++---------
 1 file changed, 14 insertions(+), 9 deletions(-)

diff --git a/src/popup.tsx b/src/popup.tsx
index 42e2ccd..c23733d 100644
--- a/src/popup.tsx
+++ b/src/popup.tsx
@@ -61,15 +61,20 @@ export const AutoscalingPopup: React.FC<{
           borderColor: `rgba(153, 153, 153, ${opaqueness ?? 1})`,
         }}
       >
-        <button
-          className="[all:unset] cursor-pointer absolute top-2 right-2 text-black"
-          onClick={onClose}
-          aria-label="Close"
-          style={{ backgroundColor: "#f8f8f8", color: "black" }}
-        >
-          x
-        </button>
-        {children}
+        <div className="absolute top-2 left-2 z-10">
+          <button
+            className="[all:unset] cursor-pointer !text-xl !bg-pink-400 !text-black"
+            onClick={onClose}
+            aria-label="Close"
+          >
+            x
+          </button>
+        </div>
+
+        {/* Scrollable content */}
+        <div className="w-full h-full overflow-y-scroll p-10">
+          {children}
+        </div>
       </div>
     </div>,
     document.body

From 83b347bdd9db23f496512929e12e21390a74eeca Mon Sep 17 00:00:00 2001
From: yasen5 <167659798+yasen5@users.noreply.github.com>
Date: Sat, 6 Dec 2025 11:35:13 -0800
Subject: [PATCH 2/3] Simplify css

---
 src/popup.tsx | 20 ++++++++------------
 1 file changed, 8 insertions(+), 12 deletions(-)

diff --git a/src/popup.tsx b/src/popup.tsx
index c23733d..afab6d5 100644
--- a/src/popup.tsx
+++ b/src/popup.tsx
@@ -61,20 +61,16 @@ export const AutoscalingPopup: React.FC<{
           borderColor: `rgba(153, 153, 153, ${opaqueness ?? 1})`,
         }}
       >
-        <div className="absolute top-2 left-2 z-10">
-          <button
-            className="[all:unset] cursor-pointer !text-xl !bg-pink-400 !text-black"
-            onClick={onClose}
-            aria-label="Close"
-          >
-            x
-          </button>
-        </div>
+        <button
+          className="absolute top-2 left-2 z-10 cursor-pointer !text-xl !bg-pink-400 !text-black"
+          onClick={onClose}
+          aria-label="Close"
+        >
+          x
+        </button>
 
         {/* Scrollable content */}
-        <div className="w-full h-full overflow-y-scroll p-10">
-          {children}
-        </div>
+        <div className="w-full h-full overflow-y-scroll p-10">{children}</div>
       </div>
     </div>,
     document.body

From c3593db53e1b3f0c381b5098f96d7af2efe23c3b Mon Sep 17 00:00:00 2001
From: yasen5 <167659798+yasen5@users.noreply.github.com>
Date: Sat, 6 Dec 2025 11:36:23 -0800
Subject: [PATCH 3/3] Get rid of obvious comment

---
 src/popup.tsx | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/popup.tsx b/src/popup.tsx
index afab6d5..7e0507a 100644
--- a/src/popup.tsx
+++ b/src/popup.tsx
@@ -68,8 +68,6 @@ export const AutoscalingPopup: React.FC<{
         >
           x
         </button>
-
-        {/* Scrollable content */}
         <div className="w-full h-full overflow-y-scroll p-10">{children}</div>
       </div>
     </div>,