Add spacing for homepage buttons

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>

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>