From d33b4e4fd76d2636ac8c36b89a8d33b3447cd9d3 Mon Sep 17 00:00:00 2001
From: WardPearce <wardpearce@pm.me>
Date: Thu, 12 Feb 2026 18:18:00 +1300
Subject: [PATCH] Improved cropping

---
 materialious/electron/package-lock.json          | 4 ++--
 materialious/src/lib/api/youtubejs/video.ts      | 2 ++
 materialious/src/lib/components/Thumbnail.svelte | 6 +++---
 3 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/materialious/electron/package-lock.json b/materialious/electron/package-lock.json
index b5175bc0..a70604ec 100644
--- a/materialious/electron/package-lock.json
+++ b/materialious/electron/package-lock.json
@@ -1,12 +1,12 @@
 {
 	"name": "Materialious",
-	"version": "1.14.0",
+	"version": "1.14.1",
 	"lockfileVersion": 3,
 	"requires": true,
 	"packages": {
 		"": {
 			"name": "Materialious",
-			"version": "1.14.0",
+			"version": "1.14.1",
 			"license": "MIT",
 			"dependencies": {
 				"@capacitor-community/electron": "^5.0.0",
diff --git a/materialious/src/lib/api/youtubejs/video.ts b/materialious/src/lib/api/youtubejs/video.ts
index 992b5a82..745731a0 100644
--- a/materialious/src/lib/api/youtubejs/video.ts
+++ b/materialious/src/lib/api/youtubejs/video.ts
@@ -182,6 +182,8 @@ export async function getVideoYTjs(videoId: string): Promise<VideoPlay> {
 			)
 			?.as(YTNodes.ThumbnailOverlayBadgeView);
 
+		console.log(recommended);
+
 		recommendedVideos.push({
 			videoThumbnails: (recommended?.content_image.image as Thumbnail[]) || [],
 			videoId: recommended.content_id,
diff --git a/materialious/src/lib/components/Thumbnail.svelte b/materialious/src/lib/components/Thumbnail.svelte
index d316f211..1fc7fa47 100644
--- a/materialious/src/lib/components/Thumbnail.svelte
+++ b/materialious/src/lib/components/Thumbnail.svelte
@@ -270,10 +270,10 @@
 		width: 100%;
 		height: 100%;
 		object-fit: cover;
-		clip-path: inset(40px 0 40px 0);
+		clip-path: inset(10% 0 10% 0);
 		display: block;
-		transform: translateY(-40px);
-		margin-bottom: -80px;
+		transform: translateY(-15%);
+		margin-bottom: -20%;
 	}
 
 	.thumbnail {