UX: work on layout

src/UI/Base/OpenJosm.svelte

@@ -34,8 +34,8 @@
 </script>
 
 {#if $showButton}
-  <div class="flex">
-    <button class="small soft flex grow items-center" on:click={openJosm}>
+  <div class="flex flex-col">
+    <button class="as-link" on:click={openJosm}>
       <Josm_logo class="h-6 w-6 pr-2" />
       <Tr t={t.editJosm} />
     </button>

src/UI/Base/ShareButton.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-  import Share from "../../assets/svg/Share.svelte"
   import { ariaLabel } from "../../Utils/ariaLabel"
   import Translations from "../i18n/Translations"
+  import Share from "@babeard/svelte-heroicons/solid/Share"
 
   export let generateShareData: () => {
     text: string
@@ -38,8 +38,8 @@
     </slot>
   </button>
 {:else}
-  <button on:click={share}>
-    <Share class="h-8 w-8 pr-2" />
+  <button on:click={share} class="w-full">
+    <Share class="h-8 w-8" />
     {text}
   </button>
 {/if}