From a4373c09498f8ea70f4ebad03724e37efd9f5c0d Mon Sep 17 00:00:00 2001
From: x0x0b <42596409+x0x0b@users.noreply.github.com>
Date: Tue, 28 Oct 2025 07:51:54 +0900
Subject: [PATCH] fix: star icon misalignment on hover

---
 web/admin.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/admin.html b/web/admin.html
index 640efdc..e4b055a 100644
--- a/web/admin.html
+++ b/web/admin.html
@@ -1273,7 +1273,7 @@
                     console.log(`Star ${starNum}: ${isActive ? 'active' : 'inactive'}`);
                     const starIcon = isActive ? '⭐' : '☆'; // filled star vs outline star
                     const color = isActive ? '#fbbf24' : '#9ca3af'; // yellow-400 : gray-400
-                    return `<button class="star-btn" data-star="${starNum}" data-prompt-id="${promptId}" style="font-size: 1.125rem; color: ${color}; background: none; border: none; cursor: pointer; transition: all 0.2s;" onclick="window.admin.setRating(${promptId}, ${starNum})">${starIcon}</button>`;
+                  return `<button class="star-btn" data-star="${starNum}" data-prompt-id="${promptId}" style="font-size: 1.125rem; color: ${color}; background: none; border: none; cursor: pointer; transition: all 0.2s; width: 1.125rem; height: 1.125rem; display: inline-flex; align-items: center; justify-content: center; padding: 0; line-height: 1;" onclick="window.admin.setRating(${promptId}, ${starNum})">${starIcon}</button>`;
                 }).join("");
             }
 
@@ -3958,4 +3958,4 @@ Seed: ${this.currentMetadata.seed || 'Unknown'}`;
         });
     </script>
 </body>
-</html>
\ No newline at end of file
+</html>