From 65d35bca4b607f0d48c367be4509cb0dd3552561 Mon Sep 17 00:00:00 2001
From: Aevann1 <randomname42029@gmail.com>
Date: Tue, 6 Sep 2022 03:47:14 +0200
Subject: [PATCH] show ppls' pfps under hats

---
 files/assets/css/main.css            |  2 +-
 files/templates/hats.html            | 19 +++++++++++++++++--
 files/templates/popover.html         |  2 +-
 files/templates/util/assetcache.html |  2 +-
 4 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/files/assets/css/main.css b/files/assets/css/main.css
index 89e489408..fc0695dc6 100644
--- a/files/assets/css/main.css
+++ b/files/assets/css/main.css
@@ -5156,7 +5156,7 @@ html {
 	margin-top: -1.75rem !important;
 }
 
-.avatar-72 {
+.profile-pic-72 {
 	width: 72px;
 	height: 72px;
 	object-fit: cover;
diff --git a/files/templates/hats.html b/files/templates/hats.html
index b4cfcdbec..5cdb02546 100644
--- a/files/templates/hats.html
+++ b/files/templates/hats.html
@@ -17,12 +17,22 @@
 {% endblock %}
 
 {% block content %}
+	<style>
+		.table th, .table td {
+			vertical-align: middle;
+		}
+		.profile-pic-72 {
+			border-radius: 50%;
+			text-align: center;
+			object-fit: cover;
+		}
+	</style>
 	<script>
 		function equip_hat(t, hat_id, hat_name) {
 			const profile_pic_hat = document.getElementById("profile-pic-35-hat");
 			function extra_actions(xhr) {
 				if(xhr.status == 200) {
-					profile_pic_hat.src = `${hat_name}.webp?v=3`
+					profile_pic_hat.src = `/i/hats/${hat_name}.webp?v=3`
 					profile_pic_hat.classList.remove('d-none')
 				}
 			}
@@ -59,7 +69,12 @@
 		<tbody>
 			{% for hat, user in hats %}
 				<tr>
-					<td><img loading="lazy" alt="{{hat.name}}" src="/i/hats/{{hat.name}}.webp?v=3" style="max-width:100%;height:auto"></td>
+					<td>
+						<div class="profile-pic-72-wrapper mt-4">
+							<img src="{{v.profile_url}}" class="profile-pic-72">
+							<img class="profile-pic-72-hat" src="/i/hats/{{hat.name}}.webp?v=3">
+						</div>
+					</td>
 					<td>{{hat.name}}</td>
 					<td style="word-break:break-word">{{hat.censored_description(v)}}</td>
 					{% if SITE == 'rdrama.net' %}
diff --git a/files/templates/popover.html b/files/templates/popover.html
index 08f3f5da2..d654dd301 100644
--- a/files/templates/popover.html
+++ b/files/templates/popover.html
@@ -3,7 +3,7 @@
 		<img loading="lazy" class="pop-banner w-100 h-64 object-cover">
 		<div class="d-flex align-items-end px-3 mt-n6 mb-3">
 			<div class="profile-pic-72-wrapper">
-				<img loading="lazy" class="pop-picture avatar-72 rounded img-thumbnail shadow-sm">
+				<img loading="lazy" class="pop-picture profile-pic-72 rounded img-thumbnail shadow-sm">
 				<img class="pop-hat profile-pic-72-hat hat" loading="lazy">
 			</div>
 			<div class="px-3 text-truncate">
diff --git a/files/templates/util/assetcache.html b/files/templates/util/assetcache.html
index 02e196f98..7757100ac 100644
--- a/files/templates/util/assetcache.html
+++ b/files/templates/util/assetcache.html
@@ -1,6 +1,6 @@
 {%-
 set CACHE_VER = {
-	'css/main.css': 4002,
+	'css/main.css': 4003,
 	'css/catalog.css': 4000,
 	'css/4chan.css': 4000,
 	'css/classic.css': 4000,