From dae0c77d3c55f1e69a7fbd8a5df91b3574e9440e Mon Sep 17 00:00:00 2001
From: Ching L <loooching@gmail.com>
Date: Thu, 4 Dec 2025 00:54:16 +0800
Subject: [PATCH] feat: add custom CSS to override preview thumb image
 container dimensions

---
 sortbylikecount.js | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/sortbylikecount.js b/sortbylikecount.js
index e6a92c2..c271115 100644
--- a/sortbylikecount.js
+++ b/sortbylikecount.js
@@ -88,8 +88,22 @@
   }
 
 
+  // Add CSS to override the preview thumb image container dimensions
+  function addCustomStyles() {
+      const style = document.createElement('style');
+      style.textContent = `
+          .plyr__preview-thumb__image-container {
+              width: 85px !important;
+              height: 50px !important;
+          }
+      `;
+      document.head.appendChild(style);
+      console.log('Custom styles added for preview thumb image container');
+  }
+
   // Run the sort function after the DOM content has loaded
   window.addEventListener('load', function() {
+      addCustomStyles();
       addSortButton();
       sortAllVideos();
   })