From b044c0dc98c32eaaa4505b216cbae2770239cb60 Mon Sep 17 00:00:00 2001
From: Anthony Stirling <77850077+frooodle@users.noreply.github.com>
Date: Wed, 1 Oct 2025 13:12:05 +0100
Subject: [PATCH] bottom button test

---
 frontend/src/pages/HomePage.css | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/frontend/src/pages/HomePage.css b/frontend/src/pages/HomePage.css
index c19cb15ca..219bab0f1 100644
--- a/frontend/src/pages/HomePage.css
+++ b/frontend/src/pages/HomePage.css
@@ -88,7 +88,7 @@
   scroll-behavior: smooth;
   scrollbar-width: none;
   -ms-overflow-style: none;
-  touch-action: pan-y;
+  touch-action: pan-x pinch-zoom;
 }
 
 .mobile-slider::-webkit-scrollbar {
@@ -125,6 +125,9 @@
   border-top: 1px solid var(--border-subtle);
   background: var(--bg-toolbar);
   gap: 0.5rem;
+  position: relative;
+  z-index: 10;
+  touch-action: manipulation;
 }
 
 .mobile-bottom-button {
@@ -141,10 +144,17 @@
   cursor: pointer;
   border-radius: 0.5rem;
   transition: background 0.2s ease;
+  touch-action: manipulation;
+  -webkit-tap-highlight-color: transparent;
+  user-select: none;
+  -webkit-user-select: none;
+  min-height: 44px;
 }
 
-.mobile-bottom-button:hover {
-  background: var(--bg-hover, rgba(0, 0, 0, 0.05));
+@media (hover: hover) and (pointer: fine) {
+  .mobile-bottom-button:hover {
+    background: var(--bg-hover, rgba(0, 0, 0, 0.05));
+  }
 }
 
 .mobile-bottom-button:active {