show ppls' pfps under hats

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;

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' %}

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">

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,