From 9bc5e860ea0d54855c3929cfe049c5c55ef289f3 Mon Sep 17 00:00:00 2001
From: Tom Hubrecht <tom.hubrecht@ens.fr>
Date: Thu, 28 Jul 2022 14:39:51 +0200
Subject: [PATCH] Update share modal

---
 src/Share.svelte | 28 ++++++++++++++++++++++------
 1 file changed, 22 insertions(+), 6 deletions(-)

diff --git a/src/Share.svelte b/src/Share.svelte
index 73a99ad..db8dd30 100644
--- a/src/Share.svelte
+++ b/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;