added changes suggested by Cindy

cockroachdb · Oct 15, 2024 · 3774914 · 3774914
1 parent 68ef79f
commit 3774914
Show file tree

Hide file tree

Showing 4 changed files with 42 additions and 8 deletions.
diff --git a/src/current/_includes/nav-company.html b/src/current/_includes/nav-company.html
@@ -12,6 +12,8 @@
                 <li class="pb-2"><a href="https://www.cockroachlabs.com/careers/">Careers</a></li>
                 <li class="pb-2"><a href="https://www.cockroachlabs.com/partners/">Partners</a></li>
                 <li class="pb-2"><a href="https://www.cockroachlabs.com/events/">Events</a></li>
+                <li class="pb-2"><a href="https://www.cockroachlabs.com/company/professional-services/">Professional Services</a></li>
+                <li class="pb-2"><a href="https://www.cockroachlabs.com/trust-center/">Trust Center</a></li>
             </ul>
         </div>
         <div class="col-md-4">

diff --git a/src/current/_includes/nav-product.html b/src/current/_includes/nav-product.html
@@ -1,6 +1,39 @@
+<style>
+   .custom-row {
+    margin-left: -10px;
+    margin-right: -10px;
+}
+
+.custom-col {
+    padding-left: 10px;
+    padding-right: 10px;
+}
+
+.nav-img-holder {
+    margin-bottom: 1rem;
+}
+
+@media (min-width: 992px) {
+    .custom-col {
+        padding-left: 15px;
+        padding-right: 15px;
+    }
+
+    .nav-img-holder {
+        margin-bottom: 0;
+    }
+}
+
+/* Ensure the container width matches the design */
+@media (min-width: 576px) {
+    .container-sm.width-990 {
+        max-width: 990px;
+    }
+}
+</style>
 <div class="container-sm width-990">
-    <div class="row">
-        <div class="col-md-4">
+    <div class="row no-gutters custom-row">
+        <div class="col-md-4 custom-col">
             <ul class="mb-0 mb-md-3 list-unstyled p-0">
                 <li class="pb-2"><a href="https://www.cockroachlabs.com/product/cloud/">CockroachDB Cloud</a></li>
                 <li class="pb-2"><a href="https://www.cockroachlabs.com/resilience/">Resilience platform</a></li>
@@ -10,7 +43,7 @@
 
                 </ul>
         </div>
-        <div class="col-lg-4">
+        <div class="col-lg-4 custom-col">
 
             <div class="nav-img-holder mb-5 mb-m-lg-0">
                 <a href="https://www.cockroachlabs.com/blog/what-is-a-dbaas-and-why-would-you-want-one/">
@@ -19,9 +52,9 @@
             </div>
 
         </div>
-        <div class="col-lg-4">
+        <div class="col-lg-4 custom-col">
 
-            <div class="nav-img-holder">
+            <div class="nav-img-holder mb-5 mb-m-lg-0">
                 <a href="https://www.cockroachlabs.com/blog/what-is-distributed-sql/">
                     <img class="img-fluid" src="https://www.cockroachlabs.com/img/DistribSQL.png" alt="Distributed SQL" />
                 </a>

diff --git a/src/current/_includes/nav-resources.html b/src/current/_includes/nav-resources.html
@@ -12,7 +12,6 @@
         </div>
         <div class="col-6 col-md-3">
             <ul class="mb-3 mb-md-3 list-unstyled p-0">
-                <li class="pb-2"><a href="https://www.cockroachlabs.com/trust-center/">Trust Center</a></li>
                 <li class="pb-2"><a href="https://www.cockroachlabs.com/resources/">Resource Center</a></li>
             </ul>
 

diff --git a/src/current/_includes/nav-solutions.html b/src/current/_includes/nav-solutions.html
@@ -26,8 +26,8 @@
             <ul class="mt-3 mb-3 mb-md-3 list-unstyled p-0">
                 <li class="pb-2"><a href="https://www.cockroachlabs.com/solutions/usecases/user-accounts-and-metadata/">User Metadata</a></li>
                 <li class="pb-2"><a href="https://www.cockroachlabs.com/solutions/usecases/payments/">Payments</a></li>
-                <li class="pb-2"><a href="https://www.cockroachlabs.com/solutions/usecases/identity-access-management/">Identity Management</a></li>
-                <li class="pb-2"><a href="https://www.cockroachlabs.com/solutions/usecases/orders-and-inventory-management/">Orders & Inventory</a></li>
+                <li class="pb-2"><a href="https://www.cockroachlabs.com/solutions/usecases/identity-access-management/">Identity Access Management</a></li>
+                <li class="pb-2"><a href="https://www.cockroachlabs.com/solutions/usecases/orders-and-inventory-management/">Orders & Inventory Management</a></li>
                 <li class="pb-2"><a href="https://www.cockroachlabs.com/solutions/usecases/iot-and-device-management/">IoT & Device Management</a></li>
                 <li class="pb-2"><a href="https://www.cockroachlabs.com/solutions/usecases/banking-and-wallet/">Banking & Wallet</a></li>
                 <li class="pb-2"><a href="https://www.cockroachlabs.com/solutions/usecases/gaming-platforms/">Gaming Platform</a></li>