attempt to fix action overlay issue on mobile

components/action-tooltip.js

@@ -9,7 +9,7 @@ export default function ActionTooltip ({ children }) {
           1 sat
         </Tooltip>
       }
-      trigger={['hover']}
+      trigger={['hover', 'focus']}
     >
       {children}
     </OverlayTrigger>

styles/globals.scss

@@ -237,4 +237,11 @@ footer {
 
 .flipY {
   animation: flipY 4s linear infinite;
+}
+
+@media (hover:none), (hover:on-demand) {
+  .tooltip {
+    visibility: hidden;
+    pointer-events: none;
+  }
 }