From 3f8aaccb8021641a5274804843c156fb68d23e28 Mon Sep 17 00:00:00 2001
From: Roxie Gibson <me@roxxers.xyz>
Date: Tue, 9 Nov 2021 09:02:04 +0000
Subject: [PATCH] fix: smaller gap on mobile caused by incorrect column sizing
 on mobile

---
 themes/coopcloud.tech/assets/scss/main.scss              | 9 +++++++++
 .../layouts/partials/index/underline_points.html         | 2 +-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/themes/coopcloud.tech/assets/scss/main.scss b/themes/coopcloud.tech/assets/scss/main.scss
index 05d4e83..dc152ec 100644
--- a/themes/coopcloud.tech/assets/scss/main.scss
+++ b/themes/coopcloud.tech/assets/scss/main.scss
@@ -185,6 +185,15 @@ footer .separator {
     padding: 0 10px;
 }
 
+@media all and (max-width: 768px) {
+    .is-full-mobile{
+        width: 99%
+    }
+    // .columns {
+    //     width: 99%
+    // }
+}
+
 // Do not show server image when using mobile viewport
 // Is a little bigger than the actual mobile viewport in bulma due to the text overlapping with the server icon
 @media all and (min-width: 769px) {
diff --git a/themes/coopcloud.tech/layouts/partials/index/underline_points.html b/themes/coopcloud.tech/layouts/partials/index/underline_points.html
index bda21ab..b224e1b 100644
--- a/themes/coopcloud.tech/layouts/partials/index/underline_points.html
+++ b/themes/coopcloud.tech/layouts/partials/index/underline_points.html
@@ -11,7 +11,7 @@
     {{ if gt $index 0 }}
     <hr />
     {{ end }}
-    <div class="columns is-variable is-8">
+    <div class="columns is-variable is-8-tablet">
       <div
         class="column is-4-tablet is-one-third-desktop is-one-quarter-widescreen is-full-mobile"
       >