From a17cd0d1b2d387a22fdb12a880eb8b6c51a0c07d Mon Sep 17 00:00:00 2001
From: Dylan Hildenbrand <dylan.hildenbrand@gmail.com>
Date: Thu, 1 Sep 2022 15:12:27 -0500
Subject: [PATCH] Disable double-tap to zoom on menu link, scanner modal open
 button, and counter buttons. Resolves #54.

---
 src/components/Modal.svelte          | 21 +++++++++++----------
 src/components/counts/Counter.svelte |  1 +
 src/components/nav/Menu.svelte       | 27 ++++++++++++++-------------
 3 files changed, 26 insertions(+), 23 deletions(-)

diff --git a/src/components/Modal.svelte b/src/components/Modal.svelte
index 6a22505..0693d26 100644
--- a/src/components/Modal.svelte
+++ b/src/components/Modal.svelte
@@ -28,15 +28,16 @@
       left: 0;
   }
   .toggler {
-      position: fixed;
-      right: 20px;
-      bottom: 20px;
-      z-index: 100;
-      background: #1ab8b8;
-      border-radius: 28px;
-      font-size: 2em;
-      padding: 5px 10px;
-      border: none;
-      box-shadow: 10px 0 15px black;
+    position: fixed;
+    right: 20px;
+    bottom: 20px;
+    z-index: 100;
+    background: #1ab8b8;
+    border-radius: 28px;
+    font-size: 2em;
+    padding: 5px 10px;
+    border: none;
+    box-shadow: 10px 0 15px black;
+    touch-action: manipulation;
   }
 </style>
diff --git a/src/components/counts/Counter.svelte b/src/components/counts/Counter.svelte
index 57a1650..9f0a948 100644
--- a/src/components/counts/Counter.svelte
+++ b/src/components/counts/Counter.svelte
@@ -50,6 +50,7 @@
       margin: auto;
       padding: 10px;
       color: #000000;
+      touch-action: manipulation;
     }
     input[type='text'] {
       -webkit-box-flex: 2 1 auto;
diff --git a/src/components/nav/Menu.svelte b/src/components/nav/Menu.svelte
index 346c525..c8d68de 100644
--- a/src/components/nav/Menu.svelte
+++ b/src/components/nav/Menu.svelte
@@ -52,19 +52,20 @@
       background-color: #03221b;
     }
     .menu {
-        position: fixed;
-        top: 20px;
-        right: 0px;
-        content: ' ';
-        padding: 15px 60px 15px 20px;
-        text-align: left;
-        text-shadow: 0 0 5px black;
-        color: var(--fore-color);
-        text-decoration: none;
-        transition: all 0.3s ease-in-out;
-        background-color: var(--back-color);
-        box-shadow: -10px 0px 10px 0px black;
-        z-index: 110;
+      position: fixed;
+      top: 20px;
+      right: 0px;
+      content: ' ';
+      padding: 15px 60px 15px 20px;
+      text-align: left;
+      text-shadow: 0 0 5px black;
+      color: var(--fore-color);
+      text-decoration: none;
+      transition: all 0.3s ease-in-out;
+      background-color: var(--back-color);
+      box-shadow: -10px 0px 10px 0px black;
+      z-index: 110;
+      touch-action: manipulation;
     }
     .menu.moved {
         right: 250px;