From b88d1fc8473ad6bf29a260896e22b93f8aadd5cc Mon Sep 17 00:00:00 2001
From: chad <chad.nehemiah94@gmail.com>
Date: Wed, 18 Dec 2024 08:44:26 -0500
Subject: [PATCH 1/2] ui: enlarge text on wallet support notice

---
 .../modals/UnsupportedWalletsNoticeModal.tsx  | 39 ++++++++++---------
 1 file changed, 21 insertions(+), 18 deletions(-)

diff --git a/frontend/src/components/modals/UnsupportedWalletsNoticeModal.tsx b/frontend/src/components/modals/UnsupportedWalletsNoticeModal.tsx
index 548ceed..dfab5b8 100644
--- a/frontend/src/components/modals/UnsupportedWalletsNoticeModal.tsx
+++ b/frontend/src/components/modals/UnsupportedWalletsNoticeModal.tsx
@@ -1,10 +1,4 @@
-export const UnsupportedWalletsNoticeModal = ({
-  isOpen,
-  onClose,
-}: {
-  isOpen: boolean;
-  onClose: () => void;
-}) => {
+export const UnsupportedWalletsNoticeModal = ({ isOpen, onClose }: { isOpen: boolean; onClose: () => void }) => {
   if (!isOpen) return null;
 
   return (
@@ -28,9 +22,9 @@ export const UnsupportedWalletsNoticeModal = ({
         onClick={(e) => e.stopPropagation()}
         style={{
           backgroundColor: "rgb(18, 18, 18)",
-          padding: "30px",
+          padding: "50px",
           borderRadius: "8px",
-          maxWidth: "400px",
+          maxWidth: "500px",
           width: "90%",
           position: "relative",
         }}
@@ -38,31 +32,40 @@ export const UnsupportedWalletsNoticeModal = ({
         <div
           style={{
             fontWeight: "bold",
-            marginBottom: "15px",
-            fontSize: "18px",
+            marginBottom: "35px",
+            fontSize: "26px",
             color: "green",
+            lineHeight: "1.5",
           }}
         >
           Wallet Support Notice
         </div>
-        <div style={{ fontSize: "14px", color: "white", marginTop: "10px" }}>
-          Note: Gasless transactions are currently only supported for the Burner
-          wallet & Fuelet Wallet.
+        <div
+          style={{
+            fontSize: "18px",
+            color: "white",
+            marginTop: "25px",
+            lineHeight: "2",
+            letterSpacing: "0.4px",
+          }}
+        >
+          Note: Gasless transactions are currently only supported for the Burner wallet & Fuelet Wallet.
           <br />
           <br />
-          Support for other wallets is coming soon. If you use these other
-          wallets, you can still play the game by paying gas fees yourself.
+          Support for other wallets is coming soon. If you use these other wallets, you can still play the game by paying gas fees
+          yourself.
         </div>
         <button
           onClick={onClose}
           style={{
-            marginTop: "20px",
-            padding: "8px 16px",
+            marginTop: "40px",
+            padding: "14px 28px",
             borderRadius: "4px",
             border: "none",
             backgroundColor: "#102a9e",
             color: "#d0cdcd",
             cursor: "pointer",
+            fontSize: "18px",
           }}
         >
           Continue

From e7ce565739be89f866a929d7a3857db3c6678f3a Mon Sep 17 00:00:00 2001
From: chad <chad.nehemiah94@gmail.com>
Date: Wed, 18 Dec 2024 10:37:29 -0500
Subject: [PATCH 2/2] lint: prettier fix

---
 .../modals/UnsupportedWalletsNoticeModal.tsx      | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/modals/UnsupportedWalletsNoticeModal.tsx b/frontend/src/components/modals/UnsupportedWalletsNoticeModal.tsx
index dfab5b8..22ba671 100644
--- a/frontend/src/components/modals/UnsupportedWalletsNoticeModal.tsx
+++ b/frontend/src/components/modals/UnsupportedWalletsNoticeModal.tsx
@@ -1,4 +1,10 @@
-export const UnsupportedWalletsNoticeModal = ({ isOpen, onClose }: { isOpen: boolean; onClose: () => void }) => {
+export const UnsupportedWalletsNoticeModal = ({
+  isOpen,
+  onClose,
+}: {
+  isOpen: boolean;
+  onClose: () => void;
+}) => {
   if (!isOpen) return null;
 
   return (
@@ -49,11 +55,12 @@ export const UnsupportedWalletsNoticeModal = ({ isOpen, onClose }: { isOpen: boo
             letterSpacing: "0.4px",
           }}
         >
-          Note: Gasless transactions are currently only supported for the Burner wallet & Fuelet Wallet.
+          Note: Gasless transactions are currently only supported for the Burner
+          wallet & Fuelet Wallet.
           <br />
           <br />
-          Support for other wallets is coming soon. If you use these other wallets, you can still play the game by paying gas fees
-          yourself.
+          Support for other wallets is coming soon. If you use these other
+          wallets, you can still play the game by paying gas fees yourself.
         </div>
         <button
           onClick={onClose}