Improve thumbnails per row on the Subscriptions page

js&css/extension/www.youtube.com/general/general.js

@@ -44,7 +44,7 @@
 		}
 	} else if (anything === 'init') {
 		extension.events.on('init', function (resolve) {
 			if (/(www|m)\.youtube\.com\/?(\?|\#|$)/.test(location.href)) {
 				chrome.storage.local.get('youtube_home_page', function (items) {
 					var option = items.youtube_home_page;
 
@@ -69,7 +69,7 @@
 			prepend: true
 		});
 	} else {
 		var option = extension.storage.get('youtube_home_page');
 
 		window.removeEventListener('click', this.youtubeHomePage);
 
@@ -251,11 +251,11 @@
 								event.stopPropagation();
 								try { this.parentElement.itPopupWindowButton.dataset.id = this.parentElement.href.match(/(?:[?&]v=|embed\/|shorts\/)([^&?]{11})/)[1] } catch (error) { console.log(error)};
 								ytPlayer = document.querySelector("#movie_player");
 								if (ytPlayer) {width = ytPlayer.offsetWidth * 0.65; height = ytPlayer.offsetHeight * 0.65}
 								else { width = innerWidth * 0.4; height = innerHeight * 0.4; }
 		 if (!ytPlayer) {
 									let shorts = /short/.test(this.parentElement.href);
 									if ( width / height < 1 ) { let vertical = true } else { let vertical = false }
 									if ( !vertical && shorts ) { width = height * 0.6}
 									if ( vertical && !shorts ) { height = width * 0.6}
 								}
@@ -305,8 +305,8 @@
 		this.font.link = link;
 		this.font.style = style;
 	} else if (changed) {
 		var link = this.font.link,
 			style = this.font.style;
 
 		if (link) {
 			link.remove();
@@ -632,17 +632,17 @@
 		if (clickedElement) {
 			// Grab the plain text inside the yt-formatted-string (looking for links or URLs)
 			const textContent = clickedElement.innerText;
 
 			// Extract URL using a simple regex (you can customize it to be more accurate)
 			const urlRegex = /\bhttps?:\/\/[^\s]+/g;
 			const match = textContent.match(urlRegex);
 
 			if (match) {
 				// Copy the found URL to the clipboard
 				navigator.clipboard.writeText(match[0]).catch((err) => {
 					console.error("Failed to copy: ", err);
 				});
 
 				// Prevent the default right-click menu from showing
 				e.preventDefault();
 		}
@@ -657,18 +657,29 @@
 extension.features.changeThumbnailsPerRow = async function () {
 	var value = await extension.storage.get('change_thumbnails_per_row');
 
 	if (!value || value === 'null') 
 		return;
 
 	const applyGridLayout = () => {
-		const grid = document.querySelector('ytd-rich-grid-renderer');
-		if (!grid) 
-			return;
-
-		// Apply custom values
-		grid.style.setProperty('--ytd-rich-grid-items-per-row', value);
-		grid.style.setProperty('--ytd-rich-grid-item-min-width', '220px');
-		grid.style.setProperty('--ytd-rich-grid-item-max-width', '1fr');
+		//Check if we are on the subscriptions page
+		if (location.href.indexOf('feed/subscriptions') !== -1) {
+			document.querySelectorAll('[style]').forEach(el => {
+				if (el.style.getPropertyValue('--ytd-rich-grid-items-per-row')) {
+					el.style.setProperty('--ytd-rich-grid-items-per-row', value);
+					el.style.setProperty('--ytd-rich-grid-item-min-width', '220px');
+					el.style.setProperty('--ytd-rich-grid-item-max-width', '1fr');
+				}
+			});
+		} else {		
+			const grid = document.querySelector('ytd-rich-grid-renderer');
+			if (!grid) 
+				return;
+
+			// Apply custom values
+			grid.style.setProperty('--ytd-rich-grid-items-per-row', value);
+			grid.style.setProperty('--ytd-rich-grid-item-min-width', '220px');
+			grid.style.setProperty('--ytd-rich-grid-item-max-width', '1fr');
+		}
   	};
 
 	// Apply initially
@@ -677,4 +688,4 @@
 	// Reapply when YouTube replaces content
 	const observer = new MutationObserver(applyGridLayout);
 	observer.observe(document.body, { childList: true, subtree: true });
-};
+};