fix d'un bug sur mobile d'ouverture du live

v1-com-officielle/src/indieComponents/LivePannel.vue

@@ -13,9 +13,9 @@
       />
       <div class="windowTitle">
         <p>
-          Drags&Nerds #2 en DIRECT
+          Drags&Nerds #2 en DIRECT!
         </p>
-        <a type="button" class="closeBtn" href="https://peertube.1312.media/w/jCDFda8rcm8heLwDN2u2HZ" target="_blank" data-tooltip="Ouvrir dans un nouvel onglet">
+        <a type="button" @touchstart.capture.prevent="openLive()" ref="liveA" class="closeBtn" href="https://peertube.1312.media/w/jCDFda8rcm8heLwDN2u2HZ" target="_blank" data-tooltip="Ouvrir dans un nouvel onglet">
           <LinkIcon name="Ouvrir dans une nouvelle fenêtre" class="icon"/>
         </a>
         <button type="button" class="closeBtn" @mousedown.capture="$emit('close')" @touchstart.capture="$emit('close')" data-tooltip="fermer">
@@ -53,10 +53,14 @@
     background: black;
   }
 
-  #livePannel::after {
+  #livePannel .windowContent {
+    position: relative;
+  }
+
+  #livePannel .windowContent::before {
     content: "";
     position: absolute;
-    top: 0;
+    top: -50px;
     left: 0;
     width: 100%;
     height: 25%;
@@ -93,6 +97,11 @@
     methods:{
       onDrag({ target, transform }) {
         target.style.transform = transform;
+      },
+      openLive(){
+        let clonedNode = this.$refs.liveA.cloneNode(false);
+        clonedNode.click();
+        console.log("Opened live window")
       }
     },
     mounted(){