From 8f065a24289ed4b76844f9f03cb19a67386471e4 Mon Sep 17 00:00:00 2001
From: Aevann1 <randomname42029@gmail.com>
Date: Sat, 3 Dec 2022 02:14:08 +0200
Subject: [PATCH] fix award modal on mobile

---
 files/assets/css/main.css         | 18 +++++++++++++++++-
 files/templates/modals/award.html |  8 ++++----
 2 files changed, 21 insertions(+), 5 deletions(-)

diff --git a/files/assets/css/main.css b/files/assets/css/main.css
index 4b19369cf..e0409f3c7 100644
--- a/files/assets/css/main.css
+++ b/files/assets/css/main.css
@@ -5118,7 +5118,7 @@ img[src="/i/hand.webp"]+img[glow]:not([data-src]) {
 }
 
 .awardmodal {
-	max-width: 80% !important;
+	max-width: 90% !important;
 	height: 100% !important;
 	margin: auto !important
 }
@@ -6419,3 +6419,19 @@ div.markdown {
 .user-signature video {
 	height: var(--signature-max-height);
 }
+
+.award-name {
+	font-weight: bold;
+	font-size: 14px;
+	color:#E1E1E1;
+}
+
+.award-owned {
+	font-size: 14px;
+}
+
+@media (max-width: 768px) {
+	.award-name, .award-owned {
+		font-size: 11px;
+	}	
+}
diff --git a/files/templates/modals/award.html b/files/templates/modals/award.html
index 9d66e3804..ee82f18d3 100644
--- a/files/templates/modals/award.html
+++ b/files/templates/modals/award.html
@@ -14,15 +14,15 @@
 					{% for award in v.user_awards %}
 						<div data-bs-toggle="tooltip" data-bs-placement="bottom" title="{{award.description}}" id="{{award.kind}}" class="card" onclick="pick('{{award.kind}}', {{award.price}}*{{v.discount}} <= {{v.marseybux}}, {{award.price}}*{{v.discount}} <= {{v.coins}})">
 							<i class="{{award.icon}} {{award.color}}"></i>
-							<div class="pt-2" style="font-weight: bold; font-size: 14px; color:#E1E1E1">{{award.title}}</div>
-							<div class="text-muted"><span id="{{award.kind}}-owned">{{award.owned}}</span> owned</div>
+							<div class="pt-2 award-name">{{award.title}}</div>
+							<div class="text-muted award-owned"><span id="{{award.kind}}-owned">{{award.owned}}</span> owned</div>
 						</div>
 					{% endfor %}
 					{% if v.user_awards|length % 2 %}
 						<div class="card disabled d-md-none" style="border:none">
 							<i class="fas fa-volume-mute" style="opacity:0"></i>
-							<div class="pt-2" style="font-weight: bold; font-size: 14px; color:#E1E1E1">&nbsp;</div>
-							<div class="text-muted">&nbsp;</div>
+							<div class="pt-2 award-name">&nbsp;</div>
+							<div class="text-muted award-owned">&nbsp;</div>
 						</div>
 					{% endif %}
 				</div>