From fe2d04a06ce123ed24acc53b43e1270949e7e100 Mon Sep 17 00:00:00 2001
From: Christian J Bennett <58433059+ChristianBDev@users.noreply.github.com>
Date: Sat, 21 Oct 2023 20:08:07 -0500
Subject: [PATCH 1/3] Updated 3840x2160 (4K) Support

---
 html/css/main.css | 53 ++++++++++++++++++++++++++++-------------------
 1 file changed, 32 insertions(+), 21 deletions(-)

diff --git a/html/css/main.css b/html/css/main.css
index 5acd78efa..8f0cc1832 100644
--- a/html/css/main.css
+++ b/html/css/main.css
@@ -97,8 +97,8 @@ body {
 	position: absolute;
 	margin: 0 auto;
 	right: 0;
-	width: 9%;
-	top: 28%;
+	width: 10%;
+	top: 38%;
 	left: 1vh;
 }
 
@@ -139,9 +139,9 @@ body {
 }
 
 .btn-inv {
-	width: 100%!important;
-	max-width: 100%!important;
-	padding: 10%!important;
+	width: 100% !important;
+	max-width: 100% !important;
+	padding: 10% !important;
 	background-color: rgba(235, 235, 235, 0);
 }
 
@@ -306,8 +306,8 @@ body {
 	position: relative;
 	margin: 0 auto;
 	margin-top: 21%;
-	width: 70px;
-	height: 70px;
+	width: 150px;
+	height: 150px;
 	max-width: 100%;
 	max-height: 100%;
 }
@@ -326,7 +326,7 @@ body {
 #player-inv-label {
 	position: relative;
 	color: white;
-	font-size: 16px;
+	font-size: 28px;
 	font-style: italic;
 	font-family: 'Poppins', sans-serif;
 	font-weight: bold;
@@ -343,13 +343,13 @@ body {
 	font-family: 'Poppins', sans-serif;
 	letter-spacing: 0.2vh;
 	float: left;
-	width: 100%;
+	width: 27.8vw;
 }
 
 #other-inv-label {
 	position: relative;
 	color: white;
-	font-size: 16px;
+	font-size: 28px;
 	font-style: italic;
 	font-family: 'Poppins', sans-serif;
 	font-weight: bold;
@@ -366,7 +366,7 @@ body {
 	font-family: 'Poppins', sans-serif;
 	letter-spacing: 0.2vh;
 	float: left;
-	width: 100%;
+	width: 28vw;
 }
 
 .player-inv-weight {
@@ -382,7 +382,7 @@ body {
 }
 
 .ui-progressbar.ui-widget.ui-widget-content {
-    border: none;
+	border: none;
 }
 
 .ui-progressbar.ui-widget-content {
@@ -879,33 +879,43 @@ body {
 	0% {
 		transform: translate(1px, 1px) rotate(0deg);
 	}
+
 	10% {
 		transform: translate(-1px, -2px) rotate(-1deg);
 	}
+
 	20% {
 		transform: translate(-3px, 0px) rotate(1deg);
 	}
+
 	30% {
 		transform: translate(3px, 2px) rotate(0deg);
 	}
+
 	40% {
 		transform: translate(1px, -1px) rotate(1deg);
 	}
+
 	50% {
 		transform: translate(-1px, 2px) rotate(-1deg);
 	}
+
 	60% {
 		transform: translate(-3px, 1px) rotate(0deg);
 	}
+
 	70% {
 		transform: translate(3px, 1px) rotate(-1deg);
 	}
+
 	80% {
 		transform: translate(-1px, -1px) rotate(1deg);
 	}
+
 	90% {
 		transform: translate(1px, 2px) rotate(0deg);
 	}
+
 	100% {
 		transform: translate(1px, -2px) rotate(-1deg);
 	}
@@ -934,15 +944,16 @@ body {
 
 @media screen and (max-width: 1920px) {
 	.player-inv-info {
-	  position: absolute;
-	  left: 14.5%;
-	  top: 21%;
-	  width: 530px;
+		position: absolute;
+		left: 14.5%;
+		top: 21%;
+		width: 530px;
 	}
+
 	.other-inv-info {
-	  position: absolute;
-	  left: 56%;
-	  top: 21%;
-	  width: 530px;
+		position: absolute;
+		left: 56%;
+		top: 21%;
+		width: 530px;
 	}
-}
\ No newline at end of file
+}

From 57642b6100524913a8dc50c61758295986e20496 Mon Sep 17 00:00:00 2001
From: Christian J Bennett <58433059+ChristianBDev@users.noreply.github.com>
Date: Sat, 21 Oct 2023 20:32:47 -0500
Subject: [PATCH 2/3] Updated Media Query 4x support (3840px by 2160px)

---
 html/css/main.css | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/html/css/main.css b/html/css/main.css
index 8f0cc1832..7897f9cea 100644
--- a/html/css/main.css
+++ b/html/css/main.css
@@ -957,3 +957,26 @@ body {
 		width: 530px;
 	}
 }
+
+@media screen and (max-width:3840px) and (max-height: 2160px) {
+	.inv-options {
+		width: 10%;
+		top: 38%;
+	}
+
+	#player-inv-label {
+		font-weight: 28px;
+	}
+
+	#player-inv-weight {
+		width: 27.8vw;
+	}
+
+	#other-inv-label {
+		font-weight: 28px;
+	}
+
+	#other-inv-weight {
+		width: 28vw;
+	}
+}

From 12575220fd3f94a9d547ed5c4e702c8b0c19cb5d Mon Sep 17 00:00:00 2001
From: Christian J Bennett <58433059+ChristianBDev@users.noreply.github.com>
Date: Sat, 21 Oct 2023 20:34:12 -0500
Subject: [PATCH 3/3] Updated Media Query 4x support (3840px by 2160px)

---
 html/css/main.css | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/html/css/main.css b/html/css/main.css
index 7897f9cea..154dd86c2 100644
--- a/html/css/main.css
+++ b/html/css/main.css
@@ -97,8 +97,8 @@ body {
 	position: absolute;
 	margin: 0 auto;
 	right: 0;
-	width: 10%;
-	top: 38%;
+	width: 9%;
+	top: 28%;
 	left: 1vh;
 }
 
@@ -306,8 +306,8 @@ body {
 	position: relative;
 	margin: 0 auto;
 	margin-top: 21%;
-	width: 150px;
-	height: 150px;
+	width: 70px;
+	height: 70px;
 	max-width: 100%;
 	max-height: 100%;
 }
@@ -326,7 +326,7 @@ body {
 #player-inv-label {
 	position: relative;
 	color: white;
-	font-size: 28px;
+	font-size: 16px;
 	font-style: italic;
 	font-family: 'Poppins', sans-serif;
 	font-weight: bold;
@@ -343,13 +343,13 @@ body {
 	font-family: 'Poppins', sans-serif;
 	letter-spacing: 0.2vh;
 	float: left;
-	width: 27.8vw;
+	width: 100%;
 }
 
 #other-inv-label {
 	position: relative;
 	color: white;
-	font-size: 28px;
+	font-size: 16px;
 	font-style: italic;
 	font-family: 'Poppins', sans-serif;
 	font-weight: bold;
@@ -366,7 +366,7 @@ body {
 	font-family: 'Poppins', sans-serif;
 	letter-spacing: 0.2vh;
 	float: left;
-	width: 28vw;
+	width: 100%;
 }
 
 .player-inv-weight {