From b08322595a3ecd9b9d4b58d85668d4864b1e8160 Mon Sep 17 00:00:00 2001
From: ReenigneArcher <42013603+ReenigneArcher@users.noreply.github.com>
Date: Thu, 29 Oct 2026 20:38:31 -0400
Subject: [PATCH] refactor: remove placeholder display importance overrides

---
 gh-pages-template/browse/characters.html | 7 ++++---
 gh-pages-template/browse/games.html      | 7 ++++---
 gh-pages-template/browse/platforms.html  | 7 ++++---
 3 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/gh-pages-template/browse/characters.html b/gh-pages-template/browse/characters.html
index e7f7d96a3908..54e09a79470b 100644
--- a/gh-pages-template/browse/characters.html
+++ b/gh-pages-template/browse/characters.html
@@ -32,9 +32,10 @@
     <!-- Mug shot -->
     <div class="col-12 col-lg-3 col-md-4 text-center">
       <img id="character-mug" src="" alt="" class="img-fluid rounded shadow w-100" style="max-width:240px; display:none;">
-      <div id="character-mug-placeholder" class="bg-secondary d-flex align-items-center justify-content-center rounded"
-           style="min-height:240px; display:none !important;">
-        <span class="material-symbols-outlined text-white" style="font-size:5rem;">person</span>
+      <div id="character-mug-placeholder" class="bg-secondary rounded" style="display:none;">
+        <div class="d-flex align-items-center justify-content-center" style="min-height:240px;">
+          <span class="material-symbols-outlined text-white" style="font-size:5rem;">person</span>
+        </div>
       </div>
     </div>
 
diff --git a/gh-pages-template/browse/games.html b/gh-pages-template/browse/games.html
index 30fa8b53fac3..66597a3ceb8a 100644
--- a/gh-pages-template/browse/games.html
+++ b/gh-pages-template/browse/games.html
@@ -33,9 +33,10 @@
     <!-- Cover image -->
     <div class="col-12 col-lg-3 col-md-4 text-center">
       <img id="game-cover" src="" alt="" class="img-fluid rounded shadow w-100" style="display:none;">
-      <div id="game-cover-placeholder" class="bg-secondary d-flex align-items-center justify-content-center rounded"
-           style="min-height:300px; display:none !important;">
-        <span class="material-symbols-outlined text-white" style="font-size:5rem;">sports_esports</span>
+      <div id="game-cover-placeholder" class="bg-secondary rounded" style="display:none;">
+        <div class="d-flex align-items-center justify-content-center" style="min-height:300px;">
+          <span class="material-symbols-outlined text-white" style="font-size:5rem;">sports_esports</span>
+        </div>
       </div>
     </div>
 
diff --git a/gh-pages-template/browse/platforms.html b/gh-pages-template/browse/platforms.html
index c79032023734..29c7bd79e8b7 100644
--- a/gh-pages-template/browse/platforms.html
+++ b/gh-pages-template/browse/platforms.html
@@ -32,9 +32,10 @@
     <!-- Logo -->
     <div class="col-12 col-lg-3 col-md-4 text-center">
       <img id="platform-logo" src="" alt="" class="img-fluid rounded shadow p-3 bg-dark w-100" style="max-width:240px; display:none;">
-      <div id="platform-logo-placeholder" class="bg-secondary d-flex align-items-center justify-content-center rounded"
-           style="min-height:200px; display:none !important;">
-        <span class="material-symbols-outlined text-white" style="font-size:5rem;">devices</span>
+      <div id="platform-logo-placeholder" class="bg-secondary rounded" style="display:none;">
+        <div class="d-flex align-items-center justify-content-center" style="min-height:200px;">
+          <span class="material-symbols-outlined text-white" style="font-size:5rem;">devices</span>
+        </div>
       </div>
     </div>