From a3336d0e0b5a39077a55e818cb46f235f64a99f4 Mon Sep 17 00:00:00 2001
From: Eric <eashaw@sailsjs.com>
Date: Thu, 23 May 2024 14:36:50 -0500
Subject: [PATCH] Website: Update desktop masthead styles (#19241)

Closes: https://github.com/fleetdm/confidential/issues/6693

Changes:
- Updated the styles of the website's masthead
---
 website/assets/styles/layout.less | 16 ++++++----------
 1 file changed, 6 insertions(+), 10 deletions(-)

diff --git a/website/assets/styles/layout.less b/website/assets/styles/layout.less
index a03435ff6c..dfb196b006 100644
--- a/website/assets/styles/layout.less
+++ b/website/assets/styles/layout.less
@@ -57,7 +57,7 @@ html, body {
 
 [purpose='page-header'] {
   max-width: 1200px;
-  padding: 19px 64px;
+  padding: 19px 32px;
   height: 80px;
   color: @core-fleet-black;
   [purpose='header-logo'] {
@@ -256,6 +256,7 @@ html, body {
     [purpose='log-out-button'] {
       padding-left: 16px;
       color: @core-fleet-black-75;
+      font-size: 14px;
       white-space: nowrap;
       &:hover {
         color: @core-fleet-black-75;
@@ -286,8 +287,8 @@ html, body {
       }
     }
     [purpose='gh-button'] {
-      margin-left: 24px;
-      margin-right: 24px;
+      margin-left: 20px;
+      margin-right: 20px;
     }
     [purpose='header-dropdown'] {
       box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.4);
@@ -445,9 +446,6 @@ body.detected-mobile {
   // …
 }
 @media (max-width: 991px) {
-  [purpose='page-header'] {
-    padding: 19px 40px;
-  }
   [purpose='page-wrap'] {
     padding-bottom: 460px;
   }
@@ -462,7 +460,6 @@ body.detected-mobile {
 
 @media (max-width: 767px) {
   [purpose='page-header'] {
-    padding: 19px 32px;
     [purpose='mobile-nav'] {
       [purpose='mobile-nav-header'] {
         padding: 19px 32px;
@@ -499,10 +496,10 @@ body.detected-mobile {
     padding-bottom: 925px;
   }
   [purpose='page-header'] {
-    padding: 19px 24px;
+    padding: 19px 20px;
     [purpose='mobile-nav'] {
       [purpose='mobile-nav-header'] {
-        padding: 19px 24px;
+        padding: 19px 20px;
       }
       [purpose='mobile-nav-container'] {
         padding: 8px 24px 0px 24px;
@@ -542,7 +539,6 @@ body.detected-mobile {
 
 @media (max-width: 375px) {
   [purpose='page-header'] {
-    padding: 19px 16px;
     [purpose='mobile-nav'] {
       [purpose='mobile-nav-header'] {
         padding: 19px 16px;