From d45f8c3b7e75a06db75dc33c7661f964ae64c60c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <c.pronzola@tuta.io>
Date: Mon, 18 Mar 2024 22:13:45 +0100
Subject: [PATCH] Improve links replace by buttons

---
 index.html | 45 ++++++++++++++++++++++++++++++++++-----------
 1 file changed, 34 insertions(+), 11 deletions(-)

diff --git a/index.html b/index.html
index dda08f9..b5acb7b 100644
--- a/index.html
+++ b/index.html
@@ -420,12 +420,21 @@
           </p>
         </section>
         <footer class="flex modal-card-foot is-justify-content-space-between has-background-dark has-text-light">
-          <button class="button is-danger is-light">Fermer</button>
-          <div>
-            <span class="icon">
-              <ion-icon name="document"></ion-icon>
+          <button class="button is-danger is-outlined">
+            <span>Fermer</span>
+            <span class="icon is-small">
+              <ion-icon name="close-circle"></ion-icon>
             </span>
-            <a class="has-text-danger-light" href="./assets/charte-du-gong-1963.pdf" download>Voir l'original</a>
+          </button>
+          <div>
+            <a class="has-text-light is-success" href="./assets/charte-du-gong-1963.pdf">
+              <button type="button" href="./assets/charte-du-gong-1963.pdf" class="button is-success is-outlined">
+                <span>Voir l'original</span>
+                <span class="icon is-small">
+                  <ion-icon name="document"></ion-icon>
+                </span>
+              </button>
+            </a>
           </div>
         </footer>
       </div>
@@ -809,12 +818,21 @@
           </p>
         </section>
         <footer class="flex modal-card-foot is-justify-content-space-between has-background-dark has-text-light">
-          <button class="button is-danger is-light">Fermer</button>
-          <div>
-            <span class="icon">
-              <ion-icon name="document"></ion-icon>
+          <button class="button is-danger is-outlined">
+            <span>Fermer</span>
+            <span class="icon is-small">
+              <ion-icon name="close-circle"></ion-icon>
             </span>
-            <a class="has-text-danger-light" href="./assets/orientation-et-strategie-de-la-lutte-revolutionnaire-du-peuple-guadeloupeen-1963.pdf" download>Voir l'original</a>
+          </button>
+          <div>
+            <a class="has-text-light is-success" href="./assets/orientation-et-strategie-de-la-lutte-revolutionnaire-du-peuple-guadeloupeen-1963.pdf">
+              <button type="button" class="button is-success is-outlined">
+                <span>Voir l'original</span>
+                <span class="icon is-small">
+                  <ion-icon name="document"></ion-icon>
+                </span>
+              </button>
+            </a>
           </div>
         </footer>
       </div>
@@ -837,7 +855,12 @@
         </section>
         <section class="modal-request"></section>
         <footer class="modal-card-foot has-background-dark">
-          <button class="button">Fermer</button>
+          <button class="button is-danger is-outlined is-fullwidth">
+            <span>Fermer</span>
+            <span class="icon is-small">
+              <ion-icon name="close-circle"></ion-icon>
+            </span>
+          </button>
         </footer>
       </div>
     </div>