From b21a7dbcf2f4f218db1d251bd93e984ee1aa3d17 Mon Sep 17 00:00:00 2001
From: eashaw <eashaw@sailsjs.com>
Date: Mon, 4 Oct 2021 11:53:48 -0500
Subject: [PATCH] Update media queries on fleetdm.com/docs and /handbook
 (#2343)

* increase get started masthead nav margin

* update docs and handbook media queries
---
 website/assets/styles/pages/docs/basic-documentation.less | 4 ++--
 website/assets/styles/pages/handbook/basic-handbook.less  | 4 ++--
 website/views/layouts/layout.ejs                          | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/website/assets/styles/pages/docs/basic-documentation.less b/website/assets/styles/pages/docs/basic-documentation.less
index 4122331083..b66371e7f8 100644
--- a/website/assets/styles/pages/docs/basic-documentation.less
+++ b/website/assets/styles/pages/docs/basic-documentation.less
@@ -431,7 +431,7 @@
     }
 
     // for larger screens
-    @media (min-width: 990px) {
+    @media (min-width: 992px) {
 
       ul {
         .topic {
@@ -486,7 +486,7 @@
     }
 
     // for smaller screens
-    @media (max-width: 990px) {
+    @media (max-width: 991px) {
 
       padding: 0px 40px;
 
diff --git a/website/assets/styles/pages/handbook/basic-handbook.less b/website/assets/styles/pages/handbook/basic-handbook.less
index ebcf11d4a7..899b0a3b2f 100644
--- a/website/assets/styles/pages/handbook/basic-handbook.less
+++ b/website/assets/styles/pages/handbook/basic-handbook.less
@@ -231,7 +231,7 @@
 
 
   // for larger screens
-  @media (min-width: 990px) {
+  @media (min-width: 992px) {
     ul {
       .topic {
         padding-left: 8px;
@@ -252,7 +252,7 @@
   }
 
   // for smaller screens
-  @media (max-width: 990px) {
+  @media (max-width: 991px) {
     padding: 0px 40px;
 
     [purpose='search'] {
diff --git a/website/views/layouts/layout.ejs b/website/views/layouts/layout.ejs
index 79188e5b13..ae95ead797 100644
--- a/website/views/layouts/layout.ejs
+++ b/website/views/layouts/layout.ejs
@@ -101,7 +101,7 @@
             </div>
           </div>
           <div class="d-none d-lg-flex">
-            <a href="/get-started" class="header-link d-flex align-items-center px-3 py-2 mr-2 text-decoration-none" style="text-decoration: none; line-height: 23px;">Get started</a>
+            <a href="/get-started" class="header-link d-flex align-items-center px-3 py-2 mr-4 text-decoration-none" style="text-decoration: none; line-height: 23px;">Get started</a>
             <a href="/docs" class="header-link d-flex align-items-center px-3 py-2 mr-4 text-decoration-none" style=" text-decoration: none; line-height: 23px;">Docs</a>
             <a href="/queries" class="header-link d-flex align-items-center px-3 py-2 mr-4 text-decoration-none" style=" text-decoration: none; line-height: 23px;">Queries</a>
             <a href="/pricing" class="header-link d-flex align-items-center px-3 py-2 mr-4 text-decoration-none" style=" text-decoration: none; line-height: 23px;">Pricing</a>