From dfe8d60025237ae2b727990b2ea8e88b2301dfe1 Mon Sep 17 00:00:00 2001
From: Eric <eashaw@sailsjs.com>
Date: Thu, 8 Jun 2023 15:26:09 -0500
Subject: [PATCH] Website: fix alignment issue in Handbook mobile navigation
 (#12224)

Closes: #12218

Changes:
- Updated the alignment of the mobile navigation "breadcrumbs" in the
Fleet handbook.
---
 website/assets/styles/pages/handbook/basic-handbook.less | 2 +-
 website/views/pages/handbook/basic-handbook.ejs          | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/website/assets/styles/pages/handbook/basic-handbook.less b/website/assets/styles/pages/handbook/basic-handbook.less
index 76b31f221b..2da4408385 100644
--- a/website/assets/styles/pages/handbook/basic-handbook.less
+++ b/website/assets/styles/pages/handbook/basic-handbook.less
@@ -59,7 +59,7 @@
     padding-top: 16px;
     p, a, strong {
       font-size: 12px;
-      line-height: 24px;
+      line-height: 18px;
     }
     a {
       text-decoration: none;
diff --git a/website/views/pages/handbook/basic-handbook.ejs b/website/views/pages/handbook/basic-handbook.ejs
index 85eba5f2f6..20dafc2a8e 100644
--- a/website/views/pages/handbook/basic-handbook.ejs
+++ b/website/views/pages/handbook/basic-handbook.ejs
@@ -24,7 +24,7 @@
       <div class="d-flex flex-column handbook-content">
 
         <div purpose="breadcrumbs" class="d-flex m-0 align-items-center breadcrumbs">
-          <div class="d-flex" v-if="breadcrumbs.length > 1">
+          <div class="d-flex flex-row align-items-center" v-if="breadcrumbs.length > 1">
             <a :href="'/' + breadcrumbs[0]" class="pr-3">
               {{breadcrumbs[0] === 'handbook' ? 'Introduction' : breadcrumbs[0]}}
             </a>