From f6daf35e435487ff9d8d054eb71f50bc8b270eb0 Mon Sep 17 00:00:00 2001
From: WardPearce <wardpearce@pm.me>
Date: Fri, 5 Sep 2025 14:26:56 +1200
Subject: [PATCH] Minor thumbnail fixes

---
 .../src/lib/components/Thumbnail.svelte       | 20 ++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/materialious/src/lib/components/Thumbnail.svelte b/materialious/src/lib/components/Thumbnail.svelte
index 0c6e9709..39d74cd4 100644
--- a/materialious/src/lib/components/Thumbnail.svelte
+++ b/materialious/src/lib/components/Thumbnail.svelte
@@ -65,7 +65,7 @@
 	function disableSideways() {
 		if (!startedSideways) return;
 
-		if (window.innerWidth <= 1500) {
+		if (window.innerWidth <= 1800) {
 			sideways = false;
 		} else sideways = true;
 	}
@@ -229,14 +229,15 @@
 			<div>
 				<a tabindex="-1" class:author={!sideways} href={`/channel/${video.authorId}`}
 					>{video.author}
-					{#if !('publishedText' in video) && 'viewCountText' in video}
-						<span>
-							&nbsp;• {video.viewCountText}
-							{$_('views')}
-						</span>
-					{/if}
 				</a>
 
+				{#if !('publishedText' in video) && 'viewCountText' in video}
+					<span>
+						{video.viewCountText}
+						{$_('views')}
+					</span>
+				{/if}
+
 				{#if 'publishedText' in video}
 					<div class="max">
 						{cleanNumber(video.viewCount)} • {video.publishedText}
@@ -280,9 +281,10 @@
 
 	.sideways-root .video-title span {
 		display: block;
-		white-space: nowrap;
+		white-space: normal;
 		overflow: hidden;
-		text-overflow: ellipsis;
+		word-wrap: break-word;
+		line-height: 1.2;
 	}
 
 	.video-title {