From 87d86b9ecbedf0dcebc45d3a497940f4fa962830 Mon Sep 17 00:00:00 2001
From: Alexandre Iooss <erdnaxe@crans.org>
Date: Fri, 5 Nov 2021 13:51:37 +0100
Subject: [PATCH] Add spacing for homepage buttons

---
 content/_index.en.html | 28 ++++++++++++++--------------
 content/_index.fr.html |  6 +++---
 2 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/content/_index.en.html b/content/_index.en.html
index 08bada9..df7c669 100644
--- a/content/_index.en.html
+++ b/content/_index.en.html
@@ -17,13 +17,13 @@ title: Home
             as well as access to many web services.
           </h2>
           <p>
-            <a class="button is-medium has-text-weight-bold is-success" href="{{< ref "register.md" >}}">
+            <a class="button is-medium has-text-weight-bold is-success mb-1" href="{{< ref "register.md" >}}">
               Register »
             </a>
-            <a class="button is-medium has-text-weight-bold is-info" href="{{< ref "faq" >}}">
+            <a class="button is-medium has-text-weight-bold is-info mb-1" href="{{< ref "faq" >}}">
               Need help ?
             </a>
-            <a class="button is-medium has-text-weight-bold is-info" href="{{< ref "contact" >}}">
+            <a class="button is-medium has-text-weight-bold is-info mb-1" href="{{< ref "contact" >}}">
               Contact Us
             </a>
           </p>
@@ -50,7 +50,7 @@ title: Home
     </div>
 
     <div class="columns is-multiline is-mobile has-text-centered">
-      <div class="column is-half-mobile is-one-quarter-desktop">
+      <div class="column is-half-mobile is-half-tablet is-one-quarter-desktop">
         <div class="feature-card">
           <div class="card-title">
             <h4>Wired Internet</h4>
@@ -65,7 +65,7 @@ title: Home
         </div>
       </div>
 
-      <div class="column is-half-mobile is-one-quarter-desktop">
+      <div class="column is-half-mobile is-half-tablet is-one-quarter-desktop">
         <div class="feature-card">
           <div class="card-title">
             <h4>Wi-Fi coverage</h4>
@@ -80,7 +80,7 @@ title: Home
         </div>
       </div>
 
-      <div class="column is-half-mobile is-one-quarter-desktop">
+      <div class="column is-half-mobile is-half-tablet is-one-quarter-desktop">
         <div class="feature-card">
           <div class="card-title">
             <h4>NextCloud</h4>
@@ -95,7 +95,7 @@ title: Home
         </div>
       </div>
 
-      <div class="column is-half-mobile is-one-quarter-desktop">
+      <div class="column is-half-mobile is-half-tablet is-one-quarter-desktop">
         <div class="feature-card">
           <div class="card-title">
             <h4>Jitsi</h4>
@@ -110,7 +110,7 @@ title: Home
         </div>
       </div>
 
-      <div class="column is-half-mobile is-one-quarter-desktop">
+      <div class="column is-half-mobile is-half-tablet is-one-quarter-desktop">
         <div class="feature-card">
           <div class="card-title">
             <h4>Gitea</h4>
@@ -125,7 +125,7 @@ title: Home
         </div>
       </div>
 
-      <div class="column is-half-mobile is-one-quarter-desktop">
+      <div class="column is-half-mobile is-half-tablet is-one-quarter-desktop">
         <div class="feature-card">
           <div class="card-title">
             <h4>Matrix.org server</h4>
@@ -140,7 +140,7 @@ title: Home
         </div>
       </div>
 
-      <div class="column is-half-mobile is-one-quarter-desktop">
+      <div class="column is-half-mobile is-half-tablet is-one-quarter-desktop">
         <div class="feature-card">
           <div class="card-title">
             <h4>MiniFlux</h4>
@@ -155,7 +155,7 @@ title: Home
         </div>
       </div>
 
-      <div class="column is-half-mobile is-one-quarter-desktop">
+      <div class="column is-half-mobile is-half-tablet is-one-quarter-desktop">
         <div class="feature-card">
           <div class="card-title">
             <h4>HedgeDoc</h4>
@@ -170,7 +170,7 @@ title: Home
         </div>
       </div>
 
-      <div class="column is-half-mobile is-one-quarter-desktop">
+      <div class="column is-half-mobile is-half-tablet is-one-quarter-desktop">
         <div class="feature-card">
           <div class="card-title">
             <h4>Etherpad</h4>
@@ -185,7 +185,7 @@ title: Home
         </div>
       </div>
 
-      <div class="column is-half-mobile is-one-quarter-desktop">
+      <div class="column is-half-mobile is-half-tablet is-one-quarter-desktop">
         <div class="feature-card">
           <div class="card-title">
             <h4>PrivateBin</h4>
@@ -200,7 +200,7 @@ title: Home
         </div>
       </div>
 
-      <div class="column is-half-mobile is-one-quarter-desktop">
+      <div class="column is-half-mobile is-half-tablet is-one-quarter-desktop">
         <div class="feature-card">
           <div class="card-title">
             <h4>Kanboard</h4>
diff --git a/content/_index.fr.html b/content/_index.fr.html
index b0542dc..5069749 100644
--- a/content/_index.fr.html
+++ b/content/_index.fr.html
@@ -17,13 +17,13 @@ title: Accueil
             l'accès à de nombreux services Web.
           </h2>
           <p>
-            <a class="button is-medium has-text-weight-bold is-success" href="{{< ref "register.md" >}}">
+            <a class="button is-medium has-text-weight-bold is-success mb-1" href="{{< ref "register.md" >}}">
               S'inscrire »
             </a>
-            <a class="button is-medium has-text-weight-bold is-info" href="{{< ref "faq" >}}">
+            <a class="button is-medium has-text-weight-bold is-info mb-1" href="{{< ref "faq" >}}">
               Besoin d'aide ?
             </a>
-            <a class="button is-medium has-text-weight-bold is-info" href="{{< ref "contact" >}}">
+            <a class="button is-medium has-text-weight-bold is-info mb-1" href="{{< ref "contact" >}}">
               Nous contacter
             </a>
           </p>