From 50aa2ddda8f8774ab7ab4f45ea9b756367c8f0c9 Mon Sep 17 00:00:00 2001
From: Aevann <randomname42029@gmail.com>
Date: Mon, 22 Apr 2024 23:45:11 +0200
Subject: [PATCH] improve award modal

---
 files/assets/css/main.css         |  1 +
 files/templates/modals/award.html | 11 ++++++++++-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/files/assets/css/main.css b/files/assets/css/main.css
index 86e52e288..ee4590d79 100644
--- a/files/assets/css/main.css
+++ b/files/assets/css/main.css
@@ -7164,6 +7164,7 @@ input[type=number] {
 	.award-tab {
 		font-size: 10px !important;
 		letter-spacing: 1px !important;
+		max-width: 43%;
 	}
 
 	.ping-groups * {
diff --git a/files/templates/modals/award.html b/files/templates/modals/award.html
index f999d668e..66d9d91d2 100644
--- a/files/templates/modals/award.html
+++ b/files/templates/modals/award.html
@@ -3,7 +3,13 @@
 <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 id="awardModalBody" class="modal-body pt-2" style="overflow-x: hidden">
+			<div class="modal-header d-mob-none">
+				<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="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>
@@ -11,6 +17,9 @@
 					<button id="effect-author-tab" class="btn btn-primary btn-block m-0 shop-tab award-tab" data-nonce="{{g.nonce}}" data-onclick="switchAwardTab()">
 						<span class="mr-auto ml-auto"><i class="fas fa-gift mr-2"></i>EFFECT ON AUTHOR</span>
 					</button>
+					<button type="button" class="close d-md-none pl-4 pr-3" data-bs-dismiss="modal">
+						<span><i class="fas fa-times"></i></span>
+					</button>
 				</div>
 				<div class="awards-wrapper" style="text-align:center">
 					{% macro iterate_awards(awards) %}