From 71ee00e2aac1b465cf891f0aaaa7644d56984b42 Mon Sep 17 00:00:00 2001
From: Aevann1 <randomname42029@gmail.com>
Date: Mon, 19 Sep 2022 20:30:54 +0200
Subject: [PATCH] cosmetic tweaks

---
 files/templates/hats.html | 16 ++++++++++++----
 files/templates/shop.html | 16 ++++++++++++----
 2 files changed, 24 insertions(+), 8 deletions(-)

diff --git a/files/templates/hats.html b/files/templates/hats.html
index 18b40b0d89..0b85279f53 100644
--- a/files/templates/hats.html
+++ b/files/templates/hats.html
@@ -8,16 +8,24 @@
 
 {% block Banner %}
 	<style>
+		.shop-tabs {
+			padding-top: 50px;
+		}
+
 		@media (max-width: 768px) {
 			#hats-banner {
 				width: 80%;
 			}
+			.shop-tabs {
+				padding-top: 30px;
+			}
 		}
 
 		.shop-tab {
 			display: inline-flex;
 			max-width: 46.6%;
 			letter-spacing: 3px;
+			border-radius: 0;
 		}
 
 		.shop-tab.active {
@@ -27,15 +35,15 @@
 		}
 	</style>
 
-	<div class="container-fluid bg-white sticky" style="padding-top: 30px; padding-bottom: 0 !important;">
+	<div class="container-fluid bg-white sticky shop-tabs" style="padding-bottom: 0 !important;">
 		<div class="row box-shadow-bottom">
-			<div class="col">
+			<div class="col p-0">
 				<div class="container" style="padding-bottom: 0;">
 					<div class="row box-shadow-bottom bg-white" style="justify-content: center;">
-						<a class="btn btn-primary btn-block py-2 m-0 mr-3 shop-tab" href="/shop">
+						<a class="btn btn-primary btn-block m-0 shop-tab" href="/shop">
 							<span class="mr-auto ml-auto"><i class="fas fa-gift mr-2"></i>AWARDS</span>
 						</a>
-						<a class="btn btn-primary btn-block py-2 m-0 shop-tab active" href="/hats">
+						<a class="btn btn-primary btn-block m-0 shop-tab active" href="/hats">
 							<span class="mr-auto ml-auto"><i class="fas fa-hat-cowboy mr-2"></i>HATS</span>
 						</a>
 					</div>
diff --git a/files/templates/shop.html b/files/templates/shop.html
index 92be9c3d34..ad99d46fdd 100644
--- a/files/templates/shop.html
+++ b/files/templates/shop.html
@@ -14,16 +14,24 @@
 
 {% block Banner %}
 	<style>
+		.shop-tabs {
+			padding-top: 50px;
+		}
+
 		@media (max-width: 768px) {
 			#shop-banner {
 				width: 80%;
 			}
+			.shop-tabs {
+				padding-top: 30px;
+			}
 		}
 
 		.shop-tab {
 			display: inline-flex;
 			max-width: 46.6%;
 			letter-spacing: 3px;
+			border-radius: 0;
 		}
 
 		.shop-tab.active {
@@ -33,12 +41,12 @@
 		}
 	</style>
 
-	<div class="container-fluid bg-white sticky" style="padding-top: 30px; padding-bottom: 0 !important;">
+	<div class="container-fluid bg-white sticky shop-tabs" style="padding-bottom: 0 !important;">
 		<div class="row box-shadow-bottom">
-			<div class="col">
+			<div class="col p-0">
 				<div class="container" style="padding-bottom: 0;">
-					<div class="row box-shadow-bottom bg-white pt-3" style="justify-content: center;">
-						<a class="btn btn-primary btn-block m-0 mr-3 shop-tab active" href="/shop">
+					<div class="row box-shadow-bottom bg-white" style="justify-content: center;">
+						<a class="btn btn-primary btn-block m-0 shop-tab active" href="/shop">
 							<span class="mr-auto ml-auto"><i class="fas fa-gift mr-2"></i>AWARDS</span>
 						</a>
 						<a class="btn btn-primary btn-block m-0 shop-tab" href="/hats">