From cad7558b34174640e208788b428a90497b455ad2 Mon Sep 17 00:00:00 2001
From: Roxie Gibson <me@roxxers.xyz>
Date: Tue, 9 Nov 2021 08:49:48 +0000
Subject: [PATCH] fix: mobile layout being broken

---
 themes/coopcloud.tech/layouts/partials/head.html     |  1 +
 .../layouts/partials/index/server_hero.html          |  2 +-
 .../layouts/partials/index/underline_points.html     | 12 ++++++------
 3 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/themes/coopcloud.tech/layouts/partials/head.html b/themes/coopcloud.tech/layouts/partials/head.html
index 3f30b86..35052e4 100644
--- a/themes/coopcloud.tech/layouts/partials/head.html
+++ b/themes/coopcloud.tech/layouts/partials/head.html
@@ -10,5 +10,6 @@
     {{ template "_internal/twitter_cards.html" . }}
     <link href='{{ $style.RelPermalink }}' rel="stylesheet">
     <meta name="go-import" content="coopcloud.tech/tagcmp git https://git.coopcloud.tech/coop-cloud/tagcmp">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>{{ $title }}</title>
 </head>
diff --git a/themes/coopcloud.tech/layouts/partials/index/server_hero.html b/themes/coopcloud.tech/layouts/partials/index/server_hero.html
index 9a75a86..ab41845 100644
--- a/themes/coopcloud.tech/layouts/partials/index/server_hero.html
+++ b/themes/coopcloud.tech/layouts/partials/index/server_hero.html
@@ -2,7 +2,7 @@
   <div class="container">
     <div class="hero-body has-text-centered">
       <div class="columns is-centered">
-        <div class="column is-three-quarters-desktop is-two-thirds-tablet">
+        <div class="column is-three-quarters-desktop is-two-thirds-tablet is-full-mobile">
           <p class="title is-size-2">
             <a href="https://public-interest-tech.com/" target="_blank"
               >Public interest</a
diff --git a/themes/coopcloud.tech/layouts/partials/index/underline_points.html b/themes/coopcloud.tech/layouts/partials/index/underline_points.html
index aa27393..bda21ab 100644
--- a/themes/coopcloud.tech/layouts/partials/index/underline_points.html
+++ b/themes/coopcloud.tech/layouts/partials/index/underline_points.html
@@ -13,7 +13,7 @@
     {{ end }}
     <div class="columns is-variable is-8">
       <div
-        class="column is-4-tablet is-one-third-desktop is-one-quarter-widescreen"
+        class="column is-4-tablet is-one-third-desktop is-one-quarter-widescreen is-full-mobile"
       >
         {{ if eq $title "benefits" }}
         <h2 class="is-uppercase is-size-3 has-text-weight-medium">
@@ -25,18 +25,18 @@
         </h2>
         {{ end }}
       </div>
-      <div class="column is-two-thirds-desktop is-three-fifths-widescreen">
+      <div class="column is-two-thirds-desktop is-three-fifths-widescreen is-full-mobile">
         <div class="is-size-4">
           <p class="block has-text-weight-light">
             {{ markdownify $item.right }}
           </p>
         </div>
         {{ if and (eq $amount (add $index 1)) (eq $title "faq") }}
-        <a href="{{ site.Params.links.docsfaq }}">
-          <button id="faq-button" class="button grey-button is-medium">
+        <button id="faq-button" class="button grey-button is-normal">
+          <a href="{{ site.Params.links.docsfaq }}">
             Read all Frequently Asked Questions
-          </button>
-        </a>
+          </a>
+        </button>
         {{ end }}
       </div>
     </div>