From 051c0e710cec5e2b0f8e5df039a3ce8f77ca0981 Mon Sep 17 00:00:00 2001
From: Idrees Hassan <idrees@idreesinc.com>
Date: Sat, 16 Aug 2025 20:28:32 -0400
Subject: [PATCH] Fix UI scale on mobile

---
 birb.js           | 6 +++---
 build.js          | 2 +-
 dist/birb.js      | 6 +++---
 dist/birb.user.js | 8 ++++----
 4 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/birb.js b/birb.js
index 8123740..9e95f87 100644
--- a/birb.js
+++ b/birb.js
@@ -846,7 +846,7 @@ Promise.all([loadSpriteSheetPixels(SPRITE_SHEET), loadSpriteSheetPixels(DECORATI
 		window.addEventListener("resize", () => {
 			const modTop = `${stickyNote.top - Math.min(window.innerHeight - noteElement.offsetHeight, stickyNote.top)}px`;
 			const modLeft = `${stickyNote.left - Math.min(window.innerWidth - noteElement.offsetWidth, stickyNote.left)}px`;
-			noteElement.style.transform = `translate(-${modLeft}, -${modTop})`;
+			noteElement.style.transform = `scale(var(--ui-scale)) translate(-${modLeft}, -${modTop})`;
 		});
 
 		return noteElement;
@@ -1399,11 +1399,11 @@ Promise.all([loadSpriteSheetPixels(SPRITE_SHEET), loadSpriteSheetPixels(DECORATI
 			x += offset;
 		} else {
 			// Right side
-			x -= menu.offsetWidth + offset;
+			x -= (menu.offsetWidth + offset) * UI_CSS_SCALE;
 		}
 		if (y > window.innerHeight / 2) {
 			// Top side
-			y -= menu.offsetHeight + offset + 10;
+			y -= (menu.offsetHeight + offset + 10) * UI_CSS_SCALE;
 		} else {
 			// Bottom side
 			y += offset;
diff --git a/build.js b/build.js
index 2125b7d..63aea8e 100644
--- a/build.js
+++ b/build.js
@@ -24,7 +24,7 @@ const userScriptHeader =
 `// ==UserScript==
 // @name         Browser Bird
 // @namespace    https://idreesinc.com
-// @version      2025-08-16-5
+// @version      2025-08-16-6
 // @description  birb
 // @author       Idrees
 // @downloadURL  https://github.com/IdreesInc/Browser-Bird/raw/refs/heads/main/dist/birb.user.js
diff --git a/dist/birb.js b/dist/birb.js
index cb5f482..2b17b0e 100644
--- a/dist/birb.js
+++ b/dist/birb.js
@@ -1166,7 +1166,7 @@ Promise.all([loadSpriteSheetPixels(SPRITE_SHEET), loadSpriteSheetPixels(DECORATI
 		window.addEventListener("resize", () => {
 			const modTop = `${stickyNote.top - Math.min(window.innerHeight - noteElement.offsetHeight, stickyNote.top)}px`;
 			const modLeft = `${stickyNote.left - Math.min(window.innerWidth - noteElement.offsetWidth, stickyNote.left)}px`;
-			noteElement.style.transform = `translate(-${modLeft}, -${modTop})`;
+			noteElement.style.transform = `scale(var(--ui-scale)) translate(-${modLeft}, -${modTop})`;
 		});
 
 		return noteElement;
@@ -1719,11 +1719,11 @@ Promise.all([loadSpriteSheetPixels(SPRITE_SHEET), loadSpriteSheetPixels(DECORATI
 			x += offset;
 		} else {
 			// Right side
-			x -= menu.offsetWidth + offset;
+			x -= (menu.offsetWidth + offset) * UI_CSS_SCALE;
 		}
 		if (y > window.innerHeight / 2) {
 			// Top side
-			y -= menu.offsetHeight + offset + 10;
+			y -= (menu.offsetHeight + offset + 10) * UI_CSS_SCALE;
 		} else {
 			// Bottom side
 			y += offset;
diff --git a/dist/birb.user.js b/dist/birb.user.js
index b247639..3c0fe71 100644
--- a/dist/birb.user.js
+++ b/dist/birb.user.js
@@ -1,7 +1,7 @@
 // ==UserScript==
 // @name         Browser Bird
 // @namespace    https://idreesinc.com
-// @version      2025-08-16-5
+// @version      2025-08-16-6
 // @description  birb
 // @author       Idrees
 // @downloadURL  https://github.com/IdreesInc/Browser-Bird/raw/refs/heads/main/dist/birb.user.js
@@ -1180,7 +1180,7 @@ Promise.all([loadSpriteSheetPixels(SPRITE_SHEET), loadSpriteSheetPixels(DECORATI
 		window.addEventListener("resize", () => {
 			const modTop = `${stickyNote.top - Math.min(window.innerHeight - noteElement.offsetHeight, stickyNote.top)}px`;
 			const modLeft = `${stickyNote.left - Math.min(window.innerWidth - noteElement.offsetWidth, stickyNote.left)}px`;
-			noteElement.style.transform = `translate(-${modLeft}, -${modTop})`;
+			noteElement.style.transform = `scale(var(--ui-scale)) translate(-${modLeft}, -${modTop})`;
 		});
 
 		return noteElement;
@@ -1733,11 +1733,11 @@ Promise.all([loadSpriteSheetPixels(SPRITE_SHEET), loadSpriteSheetPixels(DECORATI
 			x += offset;
 		} else {
 			// Right side
-			x -= menu.offsetWidth + offset;
+			x -= (menu.offsetWidth + offset) * UI_CSS_SCALE;
 		}
 		if (y > window.innerHeight / 2) {
 			// Top side
-			y -= menu.offsetHeight + offset + 10;
+			y -= (menu.offsetHeight + offset + 10) * UI_CSS_SCALE;
 		} else {
 			// Bottom side
 			y += offset;