From 3a28160ae89203ada0ca9591093eea5697342ab2 Mon Sep 17 00:00:00 2001
From: Gigi <dergigi@pm.me>
Date: Mon, 13 Oct 2025 22:38:36 +0200
Subject: [PATCH] fix: prevent icon blurriness on mobile by setting explicit
 sizes

---
 src/styles/components/icon-button.css | 7 +++++++
 src/styles/layout/highlights.css      | 7 +++++++
 src/styles/layout/sidebar.css         | 6 ++++++
 3 files changed, 20 insertions(+)

diff --git a/src/styles/components/icon-button.css b/src/styles/components/icon-button.css
index db926b39..ccce08eb 100644
--- a/src/styles/components/icon-button.css
+++ b/src/styles/components/icon-button.css
@@ -31,6 +31,13 @@
     min-width: var(--min-touch-target);
     min-height: var(--min-touch-target);
   }
+  
+  /* Keep icon size consistent to prevent blurriness */
+  .icon-button svg {
+    font-size: 1rem;
+    width: 1em;
+    height: 1em;
+  }
 }
 
 /* Disable hover effects on touch devices */
diff --git a/src/styles/layout/highlights.css b/src/styles/layout/highlights.css
index bd2d83a8..8d47d5c8 100644
--- a/src/styles/layout/highlights.css
+++ b/src/styles/layout/highlights.css
@@ -144,6 +144,13 @@
 @media (max-width: 768px) {
   .highlight-relay-indicator { padding: 8px; min-width: var(--min-touch-target); min-height: var(--min-touch-target); }
   .compact-button { padding: 0.5rem; min-width: var(--min-touch-target); min-height: var(--min-touch-target); }
+  
+  /* Keep icon size consistent to prevent blurriness */
+  .compact-button svg {
+    font-size: 0.875rem;
+    width: 1em;
+    height: 1em;
+  }
 }
 
 /* Level-colored quote icon */
diff --git a/src/styles/layout/sidebar.css b/src/styles/layout/sidebar.css
index c52b10df..1eebba23 100644
--- a/src/styles/layout/sidebar.css
+++ b/src/styles/layout/sidebar.css
@@ -72,6 +72,12 @@
 @media (max-width: 768px) {
   .sidebar-header-bar .toggle-sidebar-btn { display: none; }
   .mobile-close-btn { display: flex; }
+  
+  /* Keep icon sizes consistent to prevent blurriness */
+  .sidebar-header-bar svg {
+    width: 1em;
+    height: 1em;
+  }
 }
 
 .view-mode-controls {