From 5afc1d0ba1b9646929f7553bb4af369696d6c194 Mon Sep 17 00:00:00 2001
From: Aevann <randomname42029@gmail.com>
Date: Wed, 1 Mar 2023 22:03:33 +0200
Subject: [PATCH] minor cosmetic change to game_screen.html

---
 files/assets/css/casino/game_screen.css | 25 +++++++++++++++++++++++++
 files/templates/casino/game_screen.html | 12 ++++++------
 2 files changed, 31 insertions(+), 6 deletions(-)

diff --git a/files/assets/css/casino/game_screen.css b/files/assets/css/casino/game_screen.css
index 378a49a7e..32e29d64e 100644
--- a/files/assets/css/casino/game_screen.css
+++ b/files/assets/css/casino/game_screen.css
@@ -139,3 +139,28 @@
 	z-index: 2;
 	font-size: 48px;
 }
+
+.game_screen-col {
+	max-width: 150px;
+}
+#wagerCoinsImg {
+	width: 22px;
+}
+#wagerMarseybuxImg {
+	width: 40px;
+}
+
+@media (max-width: 322px) {
+	#wagerCoinsImg {
+		width: 18px;
+	}
+	#wagerMarseybuxImg {
+		width: 30px;
+	}
+	.game_screen-col {
+		max-width: 110px;
+	}
+	#wagerAmount {
+		font-size: 13px !important;
+	}
+}
diff --git a/files/templates/casino/game_screen.html b/files/templates/casino/game_screen.html
index 429c3d46f..8f21e7e53 100644
--- a/files/templates/casino/game_screen.html
+++ b/files/templates/casino/game_screen.html
@@ -26,8 +26,8 @@
 		</div>
 		<div class="col">
 			<div class="row row-cols-2">
-				<div class="col">
-					<div class="game_screen-title" style="max-width:150px">
+				<div class="col game_screen-col">
+					<div class="game_screen-title">
 						<h5>Wager</h5>
 						<hr>
 					</div>
@@ -41,14 +41,14 @@
 					<div class="btn-group">
 						<input type="radio" class="btn-check" name="wagerCurrency" autocomplete="off" id="wagerCoins"
 							value="coin" checked>
-						<label for="wagerCoins" class="btn btn-primary">
-							<img loading="lazy" src="/i/rDrama/coins.webp?v=3009" alt="coin" width="32" data-bs-toggle="tooltip"
+						<label for="wagerCoins" class="btn btn-primary border-0 pl-0">
+							<img id="wagerCoinsImg" loading="lazy" src="/i/rDrama/coins.webp?v=3009" alt="coin" data-bs-toggle="tooltip"
 								data-bs-placement="bottom" title="Coin">
 						</label>
 						<input type="radio" class="btn-check ml-2" name="wagerCurrency" autocomplete="off" id="wagerMarseybux"
 							value="marseybux">
-						<label for="wagerMarseybux" class="btn btn-primary">
-							<img loading="lazy" src="/i/marseybux.webp?v=2000" alt="marseybux" width="32" data-bs-toggle="tooltip"
+						<label for="wagerMarseybux" class="btn btn-primary border-0 pl-0">
+							<img id="wagerMarseybuxImg" loading="lazy" src="/i/marseybux.webp?v=2000" alt="marseybux" data-bs-toggle="tooltip"
 								data-bs-placement="bottom" title="Marseybux">
 						</label>
 					</div>