From 4b6248ac7871c5ce64283dac1c0e7b6475296c66 Mon Sep 17 00:00:00 2001
From: arkon <arkon.85@hotmail.com>
Date: Sat, 24 Jan 2026 19:51:24 +0100
Subject: [PATCH] fix: align notification and settings icons at same height

Replace gear emoji with SVG icon matching the bell, remove extra margin
between them, and ensure both sit at the same vertical position.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 src/web/public/index.html | 2 +-
 src/web/public/styles.css | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/web/public/index.html b/src/web/public/index.html
index 3a2bf2d1..9ab19d37 100644
--- a/src/web/public/index.html
+++ b/src/web/public/index.html
@@ -50,7 +50,7 @@
           <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"/><path d="M13.73 21a2 2 0 0 1-3.46 0"/></svg>
           <span class="notification-badge" id="notifBadge" style="display:none;">0</span>
         </button>
-        <button class="btn-icon-header btn-settings" onclick="app.openAppSettings()" title="App Settings">&#x2699;</button>
+        <button class="btn-icon-header btn-settings" onclick="app.openAppSettings()" title="App Settings"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"/></svg></button>
         <div class="header-tokens" id="headerTokens" title="Total tokens across all sessions">0 tokens</div>
       </div>
     </header>
diff --git a/src/web/public/styles.css b/src/web/public/styles.css
index d80b479c..b4196288 100644
--- a/src/web/public/styles.css
+++ b/src/web/public/styles.css
@@ -338,8 +338,7 @@ body {
 .btn-icon-header.btn-settings {
   width: 32px;
   height: 32px;
-  font-size: 1.4rem;
-  margin-left: 0.5rem;
+  margin-left: 0;
 }
 
 .btn-icon-header.btn-sm {
@@ -2199,6 +2198,7 @@ kbd {
   height: 32px;
   font-size: 1.1rem;
   margin-left: 0.5rem;
+  margin-right: 2px;
 }
 
 .btn-icon-header.btn-notifications:hover {