From ca206fe60c9ff60cb54b7f11595a835a28c5e618 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <c.pronzola@tuta.io>
Date: Sun, 4 Aug 2024 00:33:19 +0200
Subject: [PATCH] Move contact icons

---
 css/main.css |  3 ++-
 index.html   | 55 ++++++++++++++++++++++++++--------------------------
 2 files changed, 30 insertions(+), 28 deletions(-)

diff --git a/css/main.css b/css/main.css
index 42ff00a..7423d18 100644
--- a/css/main.css
+++ b/css/main.css
@@ -40,10 +40,11 @@ hr {
 #kontak {
   display: flex;
   justify-content: center;
+  margin-bottom: .6em;
 }
 
 #kontak button {
-  margin-right: 1.5em;
+  margin-right: .6em;
 }
 
 .orientation-modal, .charte-modal {
diff --git a/index.html b/index.html
index 10e0384..2f1118f 100644
--- a/index.html
+++ b/index.html
@@ -889,9 +889,34 @@
         </q>
         <small>Serge GLAUDE (Co-fondateur du GONG)</small>
         <hr>
-        <button class="js-modal-trigger has-text-weight-bold" data-target="legal">
-          Mentions légales
-        </button>
+        <div id="kontak">
+          <div>
+            <a href="mailto:gong971@proton.me">
+              <button title="E-mail">
+                <img src="./img/protonmail.svg" width="24" alt="Logo Protonmail">
+              </button>
+            </a>
+          </div>
+          <div>
+            <a href="https://bokantaj.o-k-i.net/@GONG">
+              <button title="Pleroma + Soapbox (Bokantaj)">
+                <img src="./img/soapbox.svg" width="24" alt="Logo Soapbox">
+              </button>
+            </a>
+          </div>
+          <div>
+            <a href="https://gade.o-k-i.net/c/gong_tv">
+              <button title="PeerTube (Gade)">
+                <img src="./img/peertube.svg" width="24" alt="Logo PeerTube">
+              </button>
+            </a>
+          </div>
+        </div>
+        <div>
+          <button class="button js-modal-trigger has-text-weight-bold" data-target="legal">
+            Mentions légales
+          </button>
+        </div>
       </div>
     </footer>
     <div id="legal" class="modal">
@@ -1108,30 +1133,6 @@
            <p>
           Tout litige en relation avec l’utilisation du site <a href="https://gong.gp">gong.gp</a> est soumis au droit français. 
           En dehors des cas où la loi ne le permet pas, il est fait attribution exclusive de juridiction aux tribunaux compétents de Guadeloupe.</p>
-          <hr>
-          <div id="kontak">
-            <div>
-              <a href="mailto:gong971@proton.me">
-                <button title="E-mail">
-                  <img src="./img/protonmail.svg" width="24" alt="Logo Protonmail">
-                </button>
-              </a>
-            </div>
-            <div>
-              <a href="https://bokantaj.o-k-i.net/@GONG">
-                <button title="Pleroma + Soapbox (Bokantaj)">
-                  <img src="./img/soapbox.svg" width="24" alt="Logo Soapbox">
-                </button>
-              </a>
-            </div>
-            <div>
-              <a href="https://gade.o-k-i.net/c/gong_tv">
-                <button title="PeerTube (Gade)">
-                  <img src="./img/peertube.svg" width="24" alt="Logo PeerTube">
-                </button>
-              </a>
-            </div>
-          </div>
         </div>
       </div>
       <button class="modal-close is-large" aria-label="close"></button>