From e6418e5fab4a80f62e4b244d2009de8d35aba1cc Mon Sep 17 00:00:00 2001
From: nizune <9-nizune@users.noreply.gitlab.insrt.uk>
Date: Sat, 3 Jul 2021 12:18:10 +0200
Subject: [PATCH] Update: Larger touch targets for mobile

---
 .../navigation/items/Item.module.scss         | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/components/navigation/items/Item.module.scss b/src/components/navigation/items/Item.module.scss
index 0cccb59e..8251d4c3 100644
--- a/src/components/navigation/items/Item.module.scss
+++ b/src/components/navigation/items/Item.module.scss
@@ -22,10 +22,6 @@
 
     &.compact {
         height: 32px;
-
-        &[data-mobile="true"] { // TOFIX: make sure this works on mobile 
-            height: 50px;
-        }
     }
 
     &.user {
@@ -148,3 +144,18 @@
         background: var(--error);
     }
 }
+
+@media (pointer: coarse) {
+    .item {
+        height: 55px;
+
+        &.compact {
+            height: 50px;
+
+            div > svg {
+                height: 22px;
+                width: 22px;
+            }
+        }
+    }
+  }
\ No newline at end of file