Style the "share QR" link

Only available in supporting browsers.

src/components/CopyLink.vue

@@ -17,6 +17,7 @@
               class="qr"
               id="room-qr"
             ></canvas>
+            <slot name="share"></slot>
           </v-col>
           <v-col align-self="center" class="public-link">
             <div class="link">{{ locationLink }}</div>
@@ -72,7 +73,7 @@ export default {
   computed: {
     popupTitle() {
       return this.$t(this.i18nQrPopupTitleKey);
-    }
+    },
   },
   methods: {
     copyRoomLink() {

src/components/GetLink.vue

@@ -30,8 +30,12 @@
       <div class="getlink-subtitle">{{ $t("getlink.ready_to_share") }}</div>
       <copy-link ref="qr" :locationLink="directMessageLink" i18nQrPopupTitleKey="getlink.scan_title"
         v-on:long-tap="copyQRImage">
-        <v-img v-if="shareSupported" class="clickable getlink-share" src="@/assets/icons/ic_share.svg"
-          @click="shareLink" />
+          <template v-slot:share>
+            <div v-if="shareSupported" class="clickable getlink-share" @click="shareLink">
+              <div>{{ $t("getlink.share_qr") }}</div>
+              <v-img src="@/assets/icons/ic_share.svg" />
+            </div>
+          </template>
       </copy-link>
       <div class="getlink-buttons">
         <v-btn color="black" depressed @click.stop="goHome" class="outlined-button">{{ $t("getlink.continue") }}</v-btn>