From 99dd70798ed4e4bd843aebef575ae77cae094cdf Mon Sep 17 00:00:00 2001
From: Oleh Omelchenko <ptrvtch@protonmail.com>
Date: Sat, 18 Oct 2025 02:52:55 +0300
Subject: [PATCH] feat: update header icons and links for improved clarity and
 accessibility

---
 index.html     | 6 +++---
 src/styles.css | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index 86d0b75..82acbca 100644
--- a/index.html
+++ b/index.html
@@ -22,15 +22,15 @@
     <!-- Header -->
     <div class="header">
         <div class="header-left">
-            <span class="header-icon">🔭</span>
+            <img src="src/favicon.svg" class="header-icon" alt="Astrolabe">
             <span class="header-title">Astrolabe</span>
         </div>
         <div class="header-links">
             <span class="header-link" id="import-link" title="Import snippets from JSON file">Import</span>
             <span class="header-link" id="export-link" title="Export all snippets to JSON file">Export</span>
             <span class="header-link" id="datasets-link" title="Open dataset manager (Cmd/Ctrl+K)">Datasets</span>
-            <span class="header-link" id="settings-link" title="Open settings (Cmd/Ctrl+,)">Settings</span>
-            <span class="header-link" id="help-link" title="View keyboard shortcuts and help">Help</span>
+            <span class="header-link" id="settings-link" title="Open settings (Cmd/Ctrl+,)">Settings 🛠️</span>
+            <span class="header-link" id="help-link" title="View keyboard shortcuts and help">About & Privacy</span>
             <span class="header-link" id="donate-link" title="Support Astrolabe creators">Donate 🇺🇦</span>
             <input type="file" id="import-file-input" accept=".json" style="display: none;" />
         </div>
diff --git a/src/styles.css b/src/styles.css
index 554f5c1..4fea136 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -41,7 +41,7 @@ body { font-family: var(--font-main); height: 100vh; overflow: hidden; backgroun
 /* Header */
 .header { background: var(--win-gray); border-bottom: 2px solid var(--win-gray-dark); padding: 6px 12px; display: flex; align-items: center; justify-content: space-between; height: 36px; flex-shrink: 0; }
 .header-left { display: flex; align-items: center; gap: 10px; }
-.header-icon { font-size: 20px; }
+.header-icon { width: 24px; height: 24px; display: block; flex-shrink: 0; }
 .header-title { font-size: 14px; font-weight: bold; }
 .header-links { display: flex; gap: 16px; }
 .header-link { font-size: 12px; text-decoration: underline; cursor: pointer; color: var(--text-primary); }