From c0b62346f018b3eabf284f07c20d926de6487bc3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bar=C4=B1=C5=9F=20Soner=20U=C5=9Fakl=C4=B1?=
 <barisusakli@gmail.com>
Date: Fri, 31 Mar 2023 17:17:12 -0400
Subject: [PATCH] feat: update thumbs modal styling

---
 src/views/modals/topic-thumbs.tpl | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/views/modals/topic-thumbs.tpl b/src/views/modals/topic-thumbs.tpl
index 91a49bd9d0..ec2366080d 100644
--- a/src/views/modals/topic-thumbs.tpl
+++ b/src/views/modals/topic-thumbs.tpl
@@ -3,15 +3,15 @@
 	<div class="alert alert-info">[[modules:thumbs.modal.no-thumbs]]</div>
 	{{{ end }}}
 	{{{ each thumbs }}}
-	<div class="media" data-id="{./id}" data-path="{./path}">
-		<div class="media-left">
-			<img class="media-object" src="{./url}" alt="" />
+	<div class="d-flex align-items-center mb-3" data-id="{./id}" data-path="{./path}">
+		<div class="flex-shrink-0 py-2">
+			<img class="rounded" width="128px" style="height: auto;" src="{./url}" alt="" />
 		</div>
-		<div class="media-body">
+		<div class="flex-grow-1 ms-3">
 			<p>
 				<code>{./name}</code>
 			</p>
-			<button class="btn btn-danger" data-action="remove"><i class="fa fa-times"></i> [[modules:thumbs.modal.remove]]</button>
+			<button class="btn btn-danger btn-sm text-nowrap" data-action="remove"><i class="fa fa-times"></i> [[modules:thumbs.modal.remove]]</button>
 		</div>
 	</div>
 	{{{ end }}}