Remove any-pointer: coarse

This matches if *any* of the inputs are touch, we only want to match if
*all* inputs are touch
Unfortunately, this is broken in Chrome, but new query should be correct
by spec at least

src/scripts/helpers/shared/helpers.ts

@@ -40,7 +40,7 @@ export const calcOuterBounds = (e: HTMLElement) => {
   return { rect: r, offset: oldx - r.x };
 };
 
-export const isMobile = () => window.matchMedia('(any-pointer: coarse), (any-hover: none)').matches;
+export const isMobile = () => window.matchMedia('(any-hover: none)').matches;
 export const isVideoPage = () => !!window.location.pathname.match(videoUrlMatch);
 export const isVideoListPage = () => !!window.location.pathname.match(knownHomeRegex) || !!window.location.pathname.match(/^\/(videos\/?|myshows\/?|library|library\/.*|explore\/.*)$/);
 export const getBase = () => 'nebula.tv';

src/styles/helpers/mixins.scss

@@ -4,8 +4,9 @@
   }
 }
 
+// not always correct, see https://patrickhlauke.github.io/touch/pointer-hover-any-pointer-any-hover/results/
 @mixin mobile() {
-  @media (any-pointer: coarse), (any-hover: none) {
+  @media (any-hover: none) {
     @content;
   }
 }