From 9bff6a682e6743be6ef1e82dbdeb2fe011f2eb2a Mon Sep 17 00:00:00 2001
From: Aevann1 <randomname42029@gmail.com>
Date: Thu, 6 Oct 2022 23:16:16 +0200
Subject: [PATCH] fix margins for award_modal and emoji_modal and popover

---
 files/assets/css/main.css        | 10 ++++------
 files/templates/award_modal.html |  2 +-
 files/templates/emoji_modal.html |  4 ++--
 3 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/files/assets/css/main.css b/files/assets/css/main.css
index dc832fd26..599404ce1 100644
--- a/files/assets/css/main.css
+++ b/files/assets/css/main.css
@@ -4806,7 +4806,7 @@ input[type=radio] ~ .custom-control-label::before {
 	border-radius: 50%;
 }
 .emoji-modal {
-	max-width: 85% !important
+	max-width: 80% !important
 }
 .emj, .emoji, strong a img, img[alt^=":"]:not(img[b]):not(img[alt*="#"]) {
 	height: 40px !important;
@@ -5075,10 +5075,8 @@ img[glow]:not([data-src]) {
 }
 
 .awardmodal {
-	max-width: 85% !important;
-	min-height: 90% !important;
-	max-height: 90% !important;
-	height: 90% !important;
+	max-width: 80% !important;
+	height: 100% !important;
 	margin: auto !important
 }
 
@@ -5130,7 +5128,7 @@ html {
 
 @media (max-width: 991.98px) {
 	.popover {
-		max-width: 85% !important;
+		max-width: 80% !important;
 	}
 }
 
diff --git a/files/templates/award_modal.html b/files/templates/award_modal.html
index 9d72b4746..a05e86e58 100644
--- a/files/templates/award_modal.html
+++ b/files/templates/award_modal.html
@@ -1,5 +1,5 @@
 <div class="modal fade" id="awardModal" tabindex="-1" role="dialog" aria-labelledby="awardModalTitle" aria-hidden="true">
-	<div class="modal-dialog modal-dialog-scrollable modal-dialog-centered awardmodal my-5" role="document">
+	<div class="modal-dialog modal-dialog-scrollable modal-dialog-centered awardmodal pt-5" role="document">
 		<div class="modal-content">
 			<div class="modal-header">
 				<h5 class="modal-title">Give Award</h5>
diff --git a/files/templates/emoji_modal.html b/files/templates/emoji_modal.html
index a5e4fe884..842f5a435 100644
--- a/files/templates/emoji_modal.html
+++ b/files/templates/emoji_modal.html
@@ -4,7 +4,7 @@
 		#emojiTabs {height: 80%;}
 		@media (max-width: 650px) {
 			#emojiTabs {height: 100%;}
-			#emojiModalInternalDivIDK {margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important;}
+			#emojiModalInternalDivIDK {margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 3rem !important; padding-bottom: 0 !important;}
 		
 			#emoji-modal-tabs-container {
 				overflow-x: auto;
@@ -20,7 +20,7 @@
 			}
 		}
 	</style>
-	<div id="emojiModalInternalDivIDK" class="modal-dialog modal-dialog-scrollable modal-dialog-centered p-2 py-5 emoji-modal" role="document">
+	<div id="emojiModalInternalDivIDK" class="modal-dialog modal-dialog-scrollable modal-dialog-centered emoji-modal" role="document">
 		<div class="modal-content" id="emojiTabs">
 			<div class="modal-header">
 				<div id="emoji-modal-tabs-container">