From bc5c784331f929fa23b6caecacac2a38dc2ba1b0 Mon Sep 17 00:00:00 2001
From: Sneha Nair <snehanair486@gmail.com>
Date: Tue, 19 May 2026 23:41:39 +0530
Subject: [PATCH] fix: resolve 4 UI inconsistencies in navbar and project cards

---
 web-app/css/styles.css |  4 ++--
 web-app/index.html     | 16 +++++-----------
 2 files changed, 7 insertions(+), 13 deletions(-)

diff --git a/web-app/css/styles.css b/web-app/css/styles.css
index a29c27a..97de1fb 100644
--- a/web-app/css/styles.css
+++ b/web-app/css/styles.css
@@ -2545,8 +2545,8 @@ body {
 /* ── Share Button ───────────────────────────────────────────────── */
 .btn-share {
     position: absolute;
-    top: 1rem;
-    right: 1rem;
+    bottom: 0.75rem;
+    right: 0.75rem;
     background: rgba(34, 197, 94, 0.1);
     border: 1px solid rgba(34, 197, 94, 0.25);
     border-radius: 50%;
diff --git a/web-app/index.html b/web-app/index.html
index 292f5c5..4d6905e 100644
--- a/web-app/index.html
+++ b/web-app/index.html
@@ -802,13 +802,6 @@
         <div class="navbar-brand">
             <a href="#" class="logo-wrap">
 
-                <!-- LOGO IMAGE -->
-                <img 
-                    src="assets/logo.png"
-                    alt="PyMini Logo"
-                    class="navbar-logo"
-                >
-
                 <!-- TEXT -->
                 <div class="logo-text">
                     <span class="logo-py">py</span>
@@ -1155,6 +1148,9 @@ <h3>Number Converter</h3>
 
                     <div class="project-card" data-category="games" data-project="number-guessing"
                         data-tags="game,logic,loops,conditional">
+                        <div class="card-icon game-icon-target">
+                            <i data-lucide="target"></i>
+                        </div>
                         <h3>Number Guessing</h3>
                         <p>Guess the secret number!</p>
                         <button class="btn-play">Try It</button>
@@ -1394,11 +1390,9 @@ <h3>Quick Links</h3>
                         <li><a href="#main-content"
                                 onclick="document.querySelector('[data-category=\'utilities\']').click()">Utilities</a></li>
                         <li><a href="#main-content"
-                                onclick="document.querySelector('[data-category=\'favorites\']').click()">⭐
-                                Favorites</a></li>
+                                onclick="document.querySelector('[data-category=\'favorites\']').click()">Favorites</a></li>
                         <li><a href="#main-content"
-                                onclick="document.querySelector('[data-category=\'playground\']').click()">🐍
-                                Playground</a></li>
+                                onclick="document.querySelector('[data-category=\'playground\']').click()">Playground</a></li>
                     </ul>
                 </div>
                 <div class="footer-links">