From 6d766d32bccf6b45fa4f1125571ab6720c62ad77 Mon Sep 17 00:00:00 2001
From: Eric <eashaw@sailsjs.com>
Date: Tue, 2 Jul 2024 17:16:58 -0500
Subject: [PATCH] Website: update spacing on /better page (#20175)

Closes: https://github.com/fleetdm/confidential/issues/7136
Closes: https://github.com/fleetdm/confidential/issues/7180

Changes:
- Updated the spacing between sections on the /better page on smaller
screens.
---
 website/assets/styles/pages/transparency.less | 24 +++++++++++++++----
 1 file changed, 20 insertions(+), 4 deletions(-)

diff --git a/website/assets/styles/pages/transparency.less b/website/assets/styles/pages/transparency.less
index ffc0bc6213..ac5831ccf0 100644
--- a/website/assets/styles/pages/transparency.less
+++ b/website/assets/styles/pages/transparency.less
@@ -89,7 +89,7 @@
         line-height: 21px;
         padding-left: 37px;
         text-indent: -37px;
-        margin-bottom: 1.5rem;
+        margin-bottom: 32px;
         &:last-of-type {
           margin-bottom: 0px;
         }
@@ -228,6 +228,7 @@
   @media (max-width: 991px) {
 
     [purpose='page-container'] {
+      padding-top: 64px;
       padding-left: 40px;
       padding-right: 40px;
     }
@@ -248,15 +249,25 @@
     }
     [purpose='hero-text'] {
       text-align: center;
-      margin-bottom: 64px;
+      margin-bottom: 0px;
     }
   }
 
   @media (max-width: 767px) {
+
+    [purpose='page-container'] {
+      padding-top: 40px;
+      padding-bottom: 40px;
+    }
+
     [purpose='feature-row'] {
       flex-direction: row;
       align-items: start;
     }
+    [purpose='page-section'] {
+      margin-bottom: 0px;
+      margin-top: 0px;
+    }
     [purpose='feature-column'] {
       max-width: 267px;
       margin-left: 24px;
@@ -286,14 +297,19 @@
 
   @media (max-width: 575px) {
     [purpose='page-container'] {
+      padding-top: 32px;
       padding-left: 24px;
       padding-right: 24px;
     }
+    [purpose='feature-headline'] {
+      margin-bottom: 40px;
+    }
     [purpose='calendar-feature'] {
       padding-top: 40px;
-      padding-bottom: 40px;
+      padding-bottom: 0px;
     }
     [purpose='page-section'] {
+      padding-top: 32px;
       padding-bottom: 0px;
     }
     [purpose='feature-row'] {
@@ -320,7 +336,7 @@
 
   @media (max-width: 375px) {
     [purpose='hero-text'] {
-      margin-bottom: 40px;
+
       h1 {
         font-size: 32px;
       }