From 0f8d0e2dfec43b123f49f84858763aa525bac5a3 Mon Sep 17 00:00:00 2001
From: CaptainPrinz <abdullahhamisu43@gmail.com>
Date: Sun, 15 Sep 2024 11:06:19 +0100
Subject: [PATCH 1/4] fix: fixed scroll issues

---
 static/styles/rewards/pay.css | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/static/styles/rewards/pay.css b/static/styles/rewards/pay.css
index b87a55b2..f1e34fc3 100644
--- a/static/styles/rewards/pay.css
+++ b/static/styles/rewards/pay.css
@@ -20,8 +20,21 @@
   font-weight: 400;
   text-transform: uppercase;
   letter-spacing: 2px;
+  box-sizing: border-box;
 }
 
+html {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+
+body, main {
+  width: 100% !important;
+  height: 100% !important;
+}
+
+
 a {
   color: #808080;
 }
@@ -29,6 +42,7 @@ a {
 body {
   /* min-height: 100vh; */
   /* height: calc(100 * var(--vh)); */
+  overflow: hidden;
 }
 
 body,

From 33e6d44a12e40ef04522b9acfb3ba638a58d7f6d Mon Sep 17 00:00:00 2001
From: CaptainPrinz <abdullahhamisu43@gmail.com>
Date: Sun, 15 Sep 2024 22:24:54 +0100
Subject: [PATCH 2/4] fix: removed bad css

---
 static/styles/rewards/media-queries.css |  4 ++--
 static/styles/rewards/pay.css           | 11 +++++------
 2 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/static/styles/rewards/media-queries.css b/static/styles/rewards/media-queries.css
index 3cdf4011..f999f982 100644
--- a/static/styles/rewards/media-queries.css
+++ b/static/styles/rewards/media-queries.css
@@ -31,8 +31,8 @@ header span:first-child::after {
 /* Landscape */
 @media screen and (orientation: landscape) {
   body {
-    width: 100vw; /* 100% of viewport width */
-    max-width: 100vw; /* prevents any overflow issues */
+    width: 100%; /* 100% of viewport width */
+    max-width: 100%; /* prevents any overflow issues */
     overflow-x: hidden; /* prevents horizontal scrolling */
     padding-left: env(safe-area-inset-left);
     padding-right: env(safe-area-inset-right);
diff --git a/static/styles/rewards/pay.css b/static/styles/rewards/pay.css
index f1e34fc3..fa757d04 100644
--- a/static/styles/rewards/pay.css
+++ b/static/styles/rewards/pay.css
@@ -30,11 +30,10 @@ html {
 }
 
 body, main {
-  width: 100% !important;
-  height: 100% !important;
+  width: 100%;
+  height: 100%;
 }
 
-
 a {
   color: #808080;
 }
@@ -47,7 +46,7 @@ body {
 
 body,
 main {
-  max-width: 100vw;
+  max-width: 100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -55,7 +54,7 @@ main {
 }
 
 main {
-  width: 100vw;
+  width: 100%;
   position: relative;
 }
 
@@ -149,7 +148,7 @@ header a:hover #logo {
 main {
   display: flex;
   flex-direction: column;
-  height: 100vh; /* adjust this according to your needs */
+  height: 100%; /* adjust this according to your needs */
 }
 
 header {

From c1e4dbc52f6c703c44e36081242e761f1d0f330c Mon Sep 17 00:00:00 2001
From: CaptainPrinz <131718427+CaptainPrinz@users.noreply.github.com>
Date: Mon, 16 Sep 2024 20:02:20 +0100
Subject: [PATCH 3/4] fix: removed styling for html tag

---
 static/styles/rewards/pay.css | 6 ------
 1 file changed, 6 deletions(-)

diff --git a/static/styles/rewards/pay.css b/static/styles/rewards/pay.css
index fa757d04..35ebcfba 100644
--- a/static/styles/rewards/pay.css
+++ b/static/styles/rewards/pay.css
@@ -23,12 +23,6 @@
   box-sizing: border-box;
 }
 
-html {
-  display: block;
-  width: 100%;
-  height: 100%;
-}
-
 body, main {
   width: 100%;
   height: 100%;

From a139958934beb9c5877416dcf694cf0053f5609e Mon Sep 17 00:00:00 2001
From: CaptainPrinz <131718427+CaptainPrinz@users.noreply.github.com>
Date: Wed, 18 Sep 2024 07:17:11 +0100
Subject: [PATCH 4/4] fix: reverted HTML styles

---
 static/styles/rewards/pay.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/static/styles/rewards/pay.css b/static/styles/rewards/pay.css
index 35ebcfba..38dafb7e 100644
--- a/static/styles/rewards/pay.css
+++ b/static/styles/rewards/pay.css
@@ -23,6 +23,12 @@
   box-sizing: border-box;
 }
 
+html {
+  display:block;
+  width: 100%;
+  height: 100%;
+}
+
 body, main {
   width: 100%;
   height: 100%;