Update VideoThumbnail.svelte

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 {