From 9c352ef5a0e3659d53aa4cd53402a7863cc51066 Mon Sep 17 00:00:00 2001
From: Eric <eashaw@sailsjs.com>
Date: Tue, 12 Sep 2023 17:45:08 -0500
Subject: [PATCH] Website: Bug fixes/Style updates on docs and landing pages.
 (#13810)

Closes: #13774
Closes: #13775
Closes: #13773
Closes: #13778

Changes:
- Updated hero text horizontal padding on landing pages.
- Updated the padding between sections on landing pages
- Fixed the background gradient on the /support page
- Updated the mobile docs navigation to show the section of the
documentation
---
 website/assets/js/pages/docs/basic-documentation.page.js  | 2 +-
 website/assets/styles/pages/compliance.less               | 2 ++
 website/assets/styles/pages/fleet-mdm.less                | 5 +++++
 website/assets/styles/pages/osquery-management.less       | 2 ++
 website/assets/styles/pages/support.less                  | 2 +-
 website/assets/styles/pages/vulnerability-management.less | 4 ++++
 website/views/pages/docs/basic-documentation.ejs          | 2 +-
 7 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/website/assets/js/pages/docs/basic-documentation.page.js b/website/assets/js/pages/docs/basic-documentation.page.js
index d9c87bc3af..7e4371e9c7 100644
--- a/website/assets/js/pages/docs/basic-documentation.page.js
+++ b/website/assets/js/pages/docs/basic-documentation.page.js
@@ -264,7 +264,7 @@ parasails.registerPage('basic-documentation', {
         .chain(url.split(/\//))
         .last()
         .split(/-/)
-        .map((str) => str === 'fleet' ? 'Fleet' : str)
+        .map((str) => str === 'fleet' ? 'Fleet' : str === 'rest' ? 'REST' : str === 'api' ? 'API' : str)
         .join(' ')
         .capitalize()
         .value();
diff --git a/website/assets/styles/pages/compliance.less b/website/assets/styles/pages/compliance.less
index 3ab2276b9f..003b785410 100644
--- a/website/assets/styles/pages/compliance.less
+++ b/website/assets/styles/pages/compliance.less
@@ -299,6 +299,7 @@
     [purpose='hero-text'] {
       text-align: center;
       max-width: 480px;
+      padding: 0;
     }
 
     [purpose='tweets-container'] {
@@ -331,6 +332,7 @@
     [purpose='page-container'] {
       padding-left: 20px;
       padding-right: 20px;
+      padding-bottom: 80px;
     }
 
     [purpose='tweets-container'] {
diff --git a/website/assets/styles/pages/fleet-mdm.less b/website/assets/styles/pages/fleet-mdm.less
index 66caaadb72..d75c4b7101 100644
--- a/website/assets/styles/pages/fleet-mdm.less
+++ b/website/assets/styles/pages/fleet-mdm.less
@@ -343,6 +343,7 @@
     [purpose='page-container'] {
       padding-left: 40px;
       padding-right: 40px;
+      padding-bottom: 80px;
     }
 
     [purpose='checklists'] {
@@ -424,6 +425,10 @@
       padding-right: 20px;
     }
 
+    [purpose='hero-text'] {
+      padding: 0;
+    }
+
     [purpose='tweets-container'] {
       padding-left: 20px;
       padding-right: 20px;
diff --git a/website/assets/styles/pages/osquery-management.less b/website/assets/styles/pages/osquery-management.less
index 2e0fa2a1b1..71ac0c3469 100644
--- a/website/assets/styles/pages/osquery-management.less
+++ b/website/assets/styles/pages/osquery-management.less
@@ -294,6 +294,7 @@
     [purpose='page-container'] {
       padding-left: 40px;
       padding-right: 40px;
+      padding-bottom: 80px;
     }
 
     [purpose='checklists'] {
@@ -322,6 +323,7 @@
     [purpose='hero-text'] {
       text-align: center;
       max-width: 480px;
+      padding: 0;
     }
 
     [purpose='tweets-container'] {
diff --git a/website/assets/styles/pages/support.less b/website/assets/styles/pages/support.less
index 515c40b038..b8cef9204d 100644
--- a/website/assets/styles/pages/support.less
+++ b/website/assets/styles/pages/support.less
@@ -1,6 +1,6 @@
 #support {
 
-  background: linear-gradient(180deg, #E8F1F6 0%, #FFF 100%);
+  background: linear-gradient(180deg, #E8F1F6 0%, #FFF 21.15%);
 
   p {
     font-size: 16px;
diff --git a/website/assets/styles/pages/vulnerability-management.less b/website/assets/styles/pages/vulnerability-management.less
index c6af0e8d58..e730da15f6 100644
--- a/website/assets/styles/pages/vulnerability-management.less
+++ b/website/assets/styles/pages/vulnerability-management.less
@@ -271,6 +271,7 @@
     [purpose='page-container'] {
       padding-left: 40px;
       padding-right: 40px;
+      padding-bottom: 80px;
     }
 
     [purpose='checklists'] {
@@ -332,6 +333,9 @@
       padding-left: 20px;
       padding-right: 20px;
     }
+    [purpose='hero-text'] {
+      padding: 0;
+    }
 
     [purpose='tweets-container'] {
       padding-left: 20px;
diff --git a/website/views/pages/docs/basic-documentation.ejs b/website/views/pages/docs/basic-documentation.ejs
index 59bb358c2f..d94c26b842 100644
--- a/website/views/pages/docs/basic-documentation.ejs
+++ b/website/views/pages/docs/basic-documentation.ejs
@@ -85,7 +85,7 @@
             <button purpose="docs-nav-button" class="btn btn-block d-flex align-items-center docs-nav-button" type="button" @click="toggleDocsNav">
               <span class="pr-2 m-0">Docs</span>
               <img class="my-auto" style="width: 6px; height: 9px;" alt="right chevron" src="/images/chevron-right-6x9@2x.png"/>
-              <span class="font-weight-bold px-2 m-0">{{thisPage.title}}</span>
+              <span class="font-weight-bold px-2 m-0">{{getTitleFromUrl(breadcrumbs[1])}}</span>
               <img style="width: 6px; height: 9px;" class="ml-auto my-auto" alt="right chevron" src="/images/chevron-right-6x9@2x.png" v-if="!showDocsNav"/>
               <img style="width: 9px; height: 6px;" class="ml-auto my-auto" alt="down chevron" src="/images/chevron-down-9x6@2x.png" v-else/>
             </button>