feat: update thumbs modal styling

NodeBB · Mar 31, 2023 · c0b6234 · c0b6234
1 parent 4fb021a
commit c0b6234
Showing 1 changed file with 5 additions and 5 deletions.
diff --git 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 }}}