From 21a8f1c592b3613f78bbe39e88f6bad8080c4aea Mon Sep 17 00:00:00 2001
From: Wim Brand <wim@fornaxian.tech>
Date: Thu, 30 Jan 2025 00:07:50 +0100
Subject: [PATCH] Make file icons on admin page larger

---
 svelte/src/admin_panel/user_bans/UserFiles.svelte | 8 ++++----
 svelte/src/admin_panel/user_bans/UserLists.svelte | 8 ++++----
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/svelte/src/admin_panel/user_bans/UserFiles.svelte b/svelte/src/admin_panel/user_bans/UserFiles.svelte
index da1fed2..604219d 100644
--- a/svelte/src/admin_panel/user_bans/UserFiles.svelte
+++ b/svelte/src/admin_panel/user_bans/UserFiles.svelte
@@ -85,8 +85,8 @@ const sort = (field) => {
 		<tbody>
 			{#each files as file (file.id)}
 				<tr>
-					<td style="padding: 0;">
-						<img src="{window.api_endpoint+file.thumbnail_href}?height=32&width=32" alt="thumbnail" class="thumbnail" />
+					<td style="padding: 0; line-height: 1em;">
+						<img src="{window.api_endpoint+file.thumbnail_href}?height=48&width=48" alt="icon" class="thumbnail" />
 					</td>
 					<td>
 						<a href="/u/{file.id}" target="_blank">{file.name}</a>
@@ -114,7 +114,7 @@ const sort = (field) => {
 
 <style>
 .thumbnail {
-	width: 32px;
-	height: 32px;
+	width: 48px;
+	height: 48px;
 }
 </style>
diff --git a/svelte/src/admin_panel/user_bans/UserLists.svelte b/svelte/src/admin_panel/user_bans/UserLists.svelte
index cd8430c..9a94e88 100644
--- a/svelte/src/admin_panel/user_bans/UserLists.svelte
+++ b/svelte/src/admin_panel/user_bans/UserLists.svelte
@@ -48,8 +48,8 @@ export const reload = async () => {
 		<tbody>
 			{#each lists as list (list.id)}
 				<tr>
-					<td style="padding: 0;">
-						<img src="{window.api_endpoint}/list/{list.id}/thumbnail?height=32&width=32" alt="thumbnail" class="thumbnail" />
+					<td style="padding: 0; line-height: 1em;">
+						<img src="{window.api_endpoint}/list/{list.id}/thumbnail?height=48&width=48" alt="icon" class="thumbnail" />
 					</td>
 					<td>
 						<a href="/l/{list.id}" target="_blank">{list.title}</a>
@@ -68,7 +68,7 @@ export const reload = async () => {
 
 <style>
 .thumbnail {
-	width: 32px;
-	height: 32px;
+	width: 48px;
+	height: 48px;
 }
 </style>