feat: changed position of the rating in search results

mxgic1337 · Jan 9, 2025 · f3e1707 · f3e1707
1 parent bac8d78
commit f3e1707
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "protonfox",
-	"version": "0.3.1",
+	"version": "0.4.0",
 	"description": "Extension that displays information about game compatibility with Proton on Steam.",
 	"type": "module",
 	"scripts": {

diff --git a/src/search_page.ts b/src/search_page.ts
@@ -15,11 +15,11 @@ function checkSearchResults() {
 	const games = document.getElementsByClassName('search_result_row')
 	for (const game of games) {
 		if (game.getElementsByClassName('tag').length > 0) { continue; }
-		const name = game.getElementsByClassName('title')[0]
+		const name = game.getElementsByClassName('platform_img')[0].parentElement || game.getElementsByClassName('title')[0]
 		const gameId = getGameID(game.getAttribute('href') || "10");
 		getProtonDBRating(gameId).then(async (rating) => {
 			if (game.getElementsByClassName('tag').length > 0) { return; }
-			name.appendChild(createSpan(upperCase(rating), ['tag', rating, 'search']))
+			name.prepend(createSpan(upperCase(rating), ['tag', rating, 'search']))
 		})
 	}
 }
diff --git a/src/styles/steam.less b/src/styles/steam.less
@@ -37,9 +37,10 @@
 		background-color: fade(@color, 20%) !important;
 
 		&.search {
+			position: relative;
+			top: -5px;
 			padding: 0 6px;
 			border-radius: 4px;
-			margin-left: 6px;
 		}
 	}
 }