Add share button

src/components/ArticleFooter.vue

 <template>
   <div class="article_footer">
-    <span v-if="webShareApiSupported">
-      <button class="share_button" @click="shareViaWebShare">
-        <span class = "share_text">Del ordet</span>
-        <v-icon dense>$vuetify.icons.share</v-icon>
-      </button>
-    </span>
-  <span v-else>
+      <span  v-if="hasPointer">
       <button class="share_button">
           <ShareNetwork network="facebook"
               title=""
@@ -23,7 +17,11 @@
               <v-icon dense>$vuetify.icons.twitter</v-icon>
           </ShareNetwork>
       </button>
-  </span>
+    </span>
+      <button v-if="webShareApiSupported" class="share_button" @click="shareViaWebShare">
+        <span v-if="!hasPointer" class = "share_text">Del ordet</span>
+        <v-icon dense>$vuetify.icons.share</v-icon>
+      </button>
     <div class = "footer_title">Ordbøkene.no
     </div>
   </div>
@@ -43,7 +41,10 @@ export default {
       }[this.article.dictionary] + ': ' + this.article.lemmas[0].lemma || ''
     },
     webShareApiSupported() {
-      return navigator.share && !(navigator.platform==="Win64" || navigator.platform==="Win32")
+      return navigator.share
+    },
+    hasPointer() {
+      return window.matchMedia('(hover: hover) and (pointer: fine)').matches
     },
     share_link: function() {
       let host =  window.location.hostname === 'localhost'? 'https://dev.ordbok.uib.no/' : window.location.href
@@ -66,6 +67,7 @@ export default {
 
 .share_text {
   padding-right: 10px;
+  vertical-align: middle;
 }
 
 .v-icon {