From e6706b556f8ab238097b4aea7d850516b9ee1549 Mon Sep 17 00:00:00 2001
From: Aevann <randomname42029@gmail.com>
Date: Sat, 20 Apr 2024 22:19:32 +0200
Subject: [PATCH] improve award modal on mobile

---
 files/assets/css/main.css         | 12 +++++++-----
 files/templates/modals/award.html | 10 ++--------
 2 files changed, 9 insertions(+), 13 deletions(-)

diff --git a/files/assets/css/main.css b/files/assets/css/main.css
index ebb33e8e5..e47590ffa 100644
--- a/files/assets/css/main.css
+++ b/files/assets/css/main.css
@@ -7210,11 +7210,6 @@ input[type=number] {
 	}
 }
 
-@media (max-width: 394px) {
-	#note {
-		min-height: 80px;
-	}
-}
 
 
 .collapsed .showmore-text
@@ -7869,3 +7864,10 @@ tr:has(hideme) {
 	height: 30px;
 	object-fit: contain;
 }
+
+@media (max-width: 768px) {
+	.awards-wrapper {
+		max-height: 43vh;
+		overflow-y: auto;
+	}
+}
diff --git a/files/templates/modals/award.html b/files/templates/modals/award.html
index 3ef4c02a7..f999d668e 100644
--- a/files/templates/modals/award.html
+++ b/files/templates/modals/award.html
@@ -3,13 +3,7 @@
 <div class="modal fade" id="awardModal" tabindex="-1">
 	<div class="modal-dialog modal-dialog-scrollable modal-dialog-centered awardmodal pt-5">
 		<div class="modal-content">
-			<div class="modal-header">
-				<h5 class="modal-title">Give Award</h5>
-				<button type="button" class="close" data-bs-dismiss="modal">
-					<span><i class="fas fa-times"></i></span>
-				</button>
-			</div>
-			<div id="awardModalBody" class="modal-body pt-2 mb-3" style="overflow-x: hidden">
+			<div id="awardModalBody" class="modal-body pt-2" style="overflow-x: hidden">
 				<div id="award-tabs" class="row pt-1 pb-4" style="justify-content: center">
 					<button id="effect-content-tab" class="btn btn-primary btn-block m-0 shop-tab award-tab active" data-nonce="{{g.nonce}}" data-onclick="switchAwardTab()">
 						<span class="mr-auto ml-auto"><i class="fas fa-gift mr-2"></i>EFFECT ON CONTENT</span>
@@ -69,7 +63,7 @@
 					</div>
 				</div>
 
-				<div class="row pt-4">
+				<div class="row pt-1">
 					<div id="note_section" class="col mb-3">
 						<label id="notelabel" for="note">Note (optional):</label>
 						<textarea autocomplete="off" id="note" maxlength="200" class="form-control" placeholder="Note to include in award notification..."></textarea>