From 452ad4c23d3563ac4ccd4e0db0ceee96bd614705 Mon Sep 17 00:00:00 2001
From: Seulkee Kang <seulkeekang@gmail.com>
Date: Wed, 4 Oct 2023 11:51:51 +0100
Subject: [PATCH] added global nav and moved side navigation to the top

---
 templates/_layout.html       | 1 -
 templates/jaasai/index.html  | 2 +-
 templates/shared/header.html | 2 +-
 3 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/templates/_layout.html b/templates/_layout.html
index 7c0bfe35..76c9d68e 100644
--- a/templates/_layout.html
+++ b/templates/_layout.html
@@ -49,7 +49,6 @@
 <script src="{{ versioned_static('js/navigation.js') }}"></script>
 <script src="/static/js/src/libs/global-nav/global-nav.js"></script>
 <script>
-  canonicalGlobalNav.createNav({ breakpoint: 900 });
   initNavDropdowns(".p-navigation__item--dropdown-toggle");
 </script>
 
diff --git a/templates/jaasai/index.html b/templates/jaasai/index.html
index a308b11d..72c40d6d 100644
--- a/templates/jaasai/index.html
+++ b/templates/jaasai/index.html
@@ -227,7 +227,7 @@ <h2>Add visibility, auditing and compliance controls to your Juju deployment</h2
   <section class="p-section">
     <div class="row">
       <div class="col-4">
-        <div class="p-side-navigation homepage-tabs">
+        <div class="p-side-navigation homepage-tabs" style="margin-top: 0;">
           <ul class="p-side-navigation__list">
             <li class="p-side-navigation__item">
               <a href="#view-models-and-controllers-details" class="p-side-navigation__link is-active" data-js="panel-link">View models and controllers details</a>
diff --git a/templates/shared/header.html b/templates/shared/header.html
index 71b2c58c..f9ef9530 100644
--- a/templates/shared/header.html
+++ b/templates/shared/header.html
@@ -49,7 +49,7 @@
           </ul>
         </li>
       </ul>
-      <ul class="p-navigation__items p-navigation_login" role="menu">
+      <ul class="p-navigation__items p-navigation_login global-nav" role="menu">
         <li class="p-navigation__item" role="menuitem">
           <a class="p-navigation__link" href="/models">Your models</a>
         </li>