Wine styling more predictable.

Wine now only uses inline slot when on desktop.
Wine link also parses the url for the name of the site, e.g. vivino.com
-> Les mer på vivino.
Moved around some DOM elements so scaling between screen sizes is more
predictable.

src/ui/Wines.vue

@@ -25,8 +25,8 @@
     </ol>
     <div class="wine-window-outer" v-if="wineOpen" @click="closeWine">
       <div class="wine-window">
-        <div class="close-modal" @click="closeWine">X</div>
         <Wine :wine="clickedWine" :fullscreen="true" />
+        <div class="close-modal" @click="closeWine">X</div>
       </div>
     </div>
   </div>
@@ -178,7 +178,11 @@ export default {
   justify-content: center;
   align-items: center;
   @include desktop {
-    width: 60vw;
+    width: 80vw;
+  }
+
+  > *:first-child {
+    display: flex;
   }
 }
 
@@ -212,12 +216,6 @@ h3 {
     }
   }
 }
-div {
-  margin: 0;
-  font-family: arial;
-  display: inline-flex;
-  flex-direction: column;
-}
 
 ol {
   padding-left: 1.375rem !important;