From 2572765c39ef144a7cef2c6507d4525e1c3d3262 Mon Sep 17 00:00:00 2001
From: WardPearce <wardpearce@pm.me>
Date: Tue, 17 Mar 2026 12:09:30 +1300
Subject: [PATCH] Update VideoThumbnail.svelte

---
 .../thumbnail/VideoThumbnail.svelte           | 21 ++++++++++---------
 1 file changed, 11 insertions(+), 10 deletions(-)

diff --git a/materialious/src/lib/components/thumbnail/VideoThumbnail.svelte b/materialious/src/lib/components/thumbnail/VideoThumbnail.svelte
index a2bc6c12..a65ab2bd 100644
--- a/materialious/src/lib/components/thumbnail/VideoThumbnail.svelte
+++ b/materialious/src/lib/components/thumbnail/VideoThumbnail.svelte
@@ -317,7 +317,11 @@
 				<span class="bold" style="width: 100%;">{letterCase(video.title.trimEnd())}</span>
 			</a>
 
-			<nav class="align-end">
+			{#if !sideways}
+				<div class="small-space"></div>
+			{/if}
+
+			<nav class="align-end no-margin">
 				{#if !sideways}
 					<AuthorAvatar
 						author={video.author}
@@ -344,9 +348,10 @@
 							{/if}
 
 							{#if !('publishedText' in video) && 'viewCountText' in video}
-								•
-								{video.viewCountText ?? cleanNumber(video.viewCount ?? 0)}
-								{$_('views')}
+								<span>
+									{video.viewCountText ?? cleanNumber(video.viewCount ?? 0)}
+									{$_('views')}
+								</span>
 							{/if}
 
 							{#if 'published' in video}
@@ -431,16 +436,12 @@
 	.author-details span,
 	.author-details p,
 	.author-details a {
+		display: block;
 		white-space: normal;
 		word-wrap: break-word;
 		line-height: 1.2;
 		font-size: clamp(0.65rem, 2.5cqw + 0.33rem, 1.15rem);
-	}
-
-	.author-details.not-sideways a,
-	.author-details.not-sideways p,
-	.author-details.not-sideways span {
-		display: block;
+		margin: 0;
 	}
 
 	.author-details {