From 458283f06a2717255e02a25801c057adf0f640f4 Mon Sep 17 00:00:00 2001
From: Eric <eashaw@sailsjs.com>
Date: Fri, 21 Mar 2025 18:48:45 -0500
Subject: [PATCH] Website: small css fixes (#27427)

Closes: #27312

Changes:
- Updated the padding on text in the license dispenser form
- Updated the position of the platform icons on osquery table schema
pages
---
 website/assets/styles/pages/osquery-table-details.less | 10 ++++++++--
 website/views/pages/customers/new-license.ejs          |  2 +-
 website/views/pages/osquery-table-details.ejs          |  2 +-
 3 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/website/assets/styles/pages/osquery-table-details.less b/website/assets/styles/pages/osquery-table-details.less
index 6d3b71cc0e..d1cf92b994 100644
--- a/website/assets/styles/pages/osquery-table-details.less
+++ b/website/assets/styles/pages/osquery-table-details.less
@@ -303,7 +303,7 @@
       height: 0px;
       position: absolute;
       right: 0;
-      top: 40px;
+      top: 14px;
     }
     pre {
       width: 100%;
@@ -475,6 +475,7 @@
     width: 100%;
     margin-bottom: 16px;
     margin-top: 16px;
+    overflow: hidden;
     p {
       color: var(--text-text-brand, #192147);
       margin-top: 0px;
@@ -608,7 +609,7 @@
     [purpose='schema-table'] {
       padding-top: 16px;
       [purpose='platform-logos'] {
-        top: 53px;
+        top: 32px;
       }
       [purpose='description-column'] {
         word-break: break-word;
@@ -645,6 +646,11 @@
       margin-right: 0px;
       border-bottom: 1px solid @core-vibrant-blue-15;
     }
+    [purpose='schema-table'] {
+      [purpose='platform-logos'] {
+        top: 32px;
+      }
+    }
   }
 
   @media (max-width: 576px) {
diff --git a/website/views/pages/customers/new-license.ejs b/website/views/pages/customers/new-license.ejs
index 5d5dcb3cdb..86896e00f6 100644
--- a/website/views/pages/customers/new-license.ejs
+++ b/website/views/pages/customers/new-license.ejs
@@ -28,7 +28,7 @@
             <strong>Order summary</strong>
           </div>
           <div class="d-flex flex-row justify-content-between">
-            <p class="mb-0">Fleet Premium (self-hosted<span v-if="numberOfHostsQuoted > 299" > or managed cloud</span>)</p>
+            <p class="">Fleet Premium (self-hosted<span v-if="numberOfHostsQuoted > 299" > or managed cloud</span>)</p>
           <div class="ml-auto text-right" v-if="numberOfHostsQuoted < 300">
             <strong>${{(!showQuotedPrice || _.isNaN(formData.numberOfHosts * 7.00 * 12)) ? quotedPrice : formData.numberOfHosts * 7.00 * 12}}.00 <br purpose="order-form-line-break">/year</strong>
           </div>
diff --git a/website/views/pages/osquery-table-details.ejs b/website/views/pages/osquery-table-details.ejs
index e29abe71e6..81336ee988 100644
--- a/website/views/pages/osquery-table-details.ejs
+++ b/website/views/pages/osquery-table-details.ejs
@@ -65,7 +65,7 @@
                     <% if(_.contains(tableToDisplay.platforms, 'linux')){%>
                       <img class="ml-3" style="height: 24px" src="/images/os-linux-dark-24x24@2x.png" alt="Linux logo">
                     <% }%>
-                    <% if(_.contains(tableToDisplay.platforms, 'chromeos')){%>
+                    <% if(_.contains(tableToDisplay.platforms, 'chrome')){%>
                       <img class="ml-3" style="height: 25px" src="/images/os-chromeos-dark-24x24@2x.png" alt="ChromeOS logo">
                     <%}%>
                  </div>