fix: hide gesture-layer when in audio mode

The gestures layer, depending on configuration, may add an extra 5
pixels above or below the control bar, which is unwanted. Instead, when
we're playing back audio, we should hide the gestures display, which
involves making it a block element so that we can set the height of it
to zero.

Author: gkatsev

src/js/media-container.js

@@ -43,6 +43,15 @@ template.innerHTML = `
       background: none;
     }
 
+    /*
+     * when in audio mode, hide the gesture-layer which causes media-controller to be taller than the control bar
+     *
+     */
+    :host([audio]) [part~=layer][part~=gesture-layer] {
+      height: 0;
+      display: block;
+    }
+
     /*
      * if gestures are disabled, don't accept pointer-events
      */