Thumbnail fixes

materialious/electron/package-lock.json

@@ -1,12 +1,12 @@
 {
 	"name": "Materialious",
-	"version": "1.10.2",
+	"version": "1.10.3",
 	"lockfileVersion": 3,
 	"requires": true,
 	"packages": {
 		"": {
 			"name": "Materialious",
-			"version": "1.10.2",
+			"version": "1.10.3",
 			"license": "MIT",
 			"dependencies": {
 				"@capacitor-community/electron": "^5.0.0",

materialious/src/lib/components/Thumbnail.svelte

@@ -223,19 +223,19 @@
 				data-sveltekit-preload-data="off"
 				href={watchUrl.toString()}
 			>
-				<span class="bold">{letterCase(truncate(video.title.trimEnd(), sideways ? 40 : 80))}</span>
+				<span class="bold">{letterCase(video.title.trimEnd())}</span>
 			</a>
 
 			<div>
 				<a tabindex="-1" class:author={!sideways} href={`/channel/${video.authorId}`}
-					>{video.author}</a
-				>
-				{#if !('publishedText' in video) && 'viewCountText' in video}
-					<span style="margin-top: 1em;">
-						• {video.viewCountText}
-						{$_('views')}
-					</span>
-				{/if}
+					>{video.author}
+					{#if !('publishedText' in video) && 'viewCountText' in video}
+						<span>
+							&nbsp;• {video.viewCountText}
+							{$_('views')}
+						</span>
+					{/if}
+				</a>
 
 				{#if 'publishedText' in video}
 					<div class="max">

materialious/src/lib/css/global.css

@@ -63,10 +63,5 @@ button.row:hover {
 	dialog.right {
 		width: 100% !important;
 		border-radius: 0 !important;
-		padding-top: 2em;
-	}
-
-	nav.top {
-		height: 110px;
 	}
 }

materialious/src/lib/patches/youtubejs.ts

@@ -121,6 +121,8 @@ export async function patchYoutubeJs(videoId: string): Promise<VideoPlay> {
 			return;
 		}
 
+		console.log(recommended);
+
 		recommendedVideos.push({
 			videoThumbnails: (recommended?.content_image?.image as Thumbnail[]) || [],
 			videoId: recommended?.content_id || '',

materialious/src/routes/(no-layout)/tv/[slug]/+page.svelte

@@ -102,7 +102,6 @@
 	<article id="shown-info" transition:fade>
 		<h5>{letterCase(data.video.title)}</h5>
 		<Author bind:subscribed video={data.video} />
-		<div class="space"></div>
 		<LikesDislikes video={data.video} returnYTDislikes={data.streamed.returnYTDislikes} />
 		<article class="border">
 			<Description video={data.video} description={data.content.description} />