From 67bf7e017d86d90912c9a4dee5887e73727422c9 Mon Sep 17 00:00:00 2001
From: Gigi <dergigi@pm.me>
Date: Wed, 22 Oct 2025 13:26:20 +0200
Subject: [PATCH] fix: make profile avatar button same size as other icon
 buttons on mobile

- Add mobile media query to profile-avatar-button for consistent sizing
- Use --min-touch-target (44px) on mobile to match IconButton components
- Ensures consistent touch target size across all sidebar buttons
---
 src/styles/layout/sidebar.css | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/styles/layout/sidebar.css b/src/styles/layout/sidebar.css
index 3c6958c5..b9398802 100644
--- a/src/styles/layout/sidebar.css
+++ b/src/styles/layout/sidebar.css
@@ -114,6 +114,16 @@
   transition: all 0.2s ease;
 }
 
+/* Mobile touch target improvements */
+@media (max-width: 768px) {
+  .profile-avatar-button {
+    min-width: var(--min-touch-target);
+    min-height: var(--min-touch-target);
+    width: var(--min-touch-target);
+    height: var(--min-touch-target);
+  }
+}
+
 .profile-avatar-button:hover {
   background: var(--color-bg-hover);
   border-color: var(--color-border);