Merge pull request 'Update share modal' (#42) from thubrecht/link into master

Reviewed-on: https://git.rz.ens.wtf/Klub-RZ/metis/pulls/42

src/Share.svelte

@@ -1,5 +1,13 @@
 <script>
-  import { Modal, ModalHeader, ModalBody, ModalFooter, Icon, Toast } from 'sveltestrap';
+  import {
+    Button,
+    Modal,
+    ModalHeader,
+    ModalBody,
+    ModalFooter,
+    Icon,
+    Toast
+  } from 'sveltestrap';
 
   export let calendar = null;
   export let selectedCalendars = [];
@@ -74,16 +82,18 @@
   <ModalBody>
     <p>La vue actuelle du calendrier peut être partagée avec l'URL suivante :</p>
 
-    <a id="share-url" on:click={doShare}>{share}</a>
+    <a id="share-url">{share}</a>
   </ModalBody>
 
   <ModalFooter>
-    <span on:click={toggleBinary} class="flex-grow-1" title="Partager en base64">
+    <span on:click={toggleBinary} class="share-egg" title="Partager en base64">
       <Icon name={shareDataIcon} class="fs-5" />
     </span>
 
-    <Icon name="balloon-heart" class="text-danger fs-5" />
-    <span class="fs-7">Propulsé par le Club Réseau de l'ENS</span>
+    <Button size="sm" color="primary" on:click={doShare}>
+      <Icon name="clipboard2-heart" />
+      <span class="ms-1">Copier</span>
+    </Button>
   </ModalFooter>
 </Modal>
 
@@ -95,9 +105,15 @@
     cursor: pointer;
   }
 
+  .share-egg {
+    position: absolute;
+    cursor: pointer;
+    left: 1em;
+  }
+
   #share-url {
     max-width: 100%;
-    display: block;
+    display: inline-block;
     overflow-wrap: break-word;
     cursor: pointer;
     user-select: all;