From 925423829417dd029787c1a40717b7d9588cfd55 Mon Sep 17 00:00:00 2001
From: Ike Saunders <ikesau@protonmail.com>
Date: Fri, 31 Jan 2025 16:01:06 -0500
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Site=20Nav=20Updates?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 site/SiteNavigation.scss | 4 +++-
 site/SiteNavigation.tsx  | 5 ++++-
 site/SiteResources.tsx   | 8 ++++----
 3 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/site/SiteNavigation.scss b/site/SiteNavigation.scss
index 0431d9073f1..fc8cfe54e96 100644
--- a/site/SiteNavigation.scss
+++ b/site/SiteNavigation.scss
@@ -25,12 +25,14 @@
     flex-direction: row;
     justify-content: space-between;
     align-items: center;
-    @include column-gap(16px);
     padding-top: 12px;
     padding-bottom: 12px;
     @include sm-up {
         @include column-gap(24px);
     }
+    @include md-only {
+        @include column-gap(0px);
+    }
 
     .SiteNavigationToggle--mobile-menu {
         flex: 1; // center owid logo
diff --git a/site/SiteNavigation.tsx b/site/SiteNavigation.tsx
index 92d79514b77..4ffd4faaf15 100644
--- a/site/SiteNavigation.tsx
+++ b/site/SiteNavigation.tsx
@@ -147,7 +147,10 @@ export const SiteNavigation = ({
                                     </SiteNavigationToggle>
                                 </li>
                                 <li>
-                                    <a href="/latest">Latest</a>
+                                    <a href="/data">Data</a>
+                                </li>
+                                <li>
+                                    <a href="/data-insights">Insights</a>
                                 </li>
                                 <li className="with-relative-dropdown">
                                     <SiteNavigationToggle
diff --git a/site/SiteResources.tsx b/site/SiteResources.tsx
index c4ae95650cd..7cf4a95c5cb 100644
--- a/site/SiteResources.tsx
+++ b/site/SiteResources.tsx
@@ -2,16 +2,16 @@ export const SiteResources = () => {
     return (
         <ul>
             <li>
-                <a href="/data">Data Catalog</a>
+                <a href="/latest">Latest Articles</a>
             </li>
             <li>
-                <a href="/data-insights">Daily Data Insights</a>
+                <a href="/explorers">Data Explorers</a>
             </li>
             <li>
-                <a href="/sdgs">Sustainable Development Goals Tracker</a>
+                <a href="/sdgs">SDG Trackers</a>
             </li>
             <li>
-                <a href="/teaching">Teaching Hub</a>
+                <a href="/teaching">Teaching Materials</a>
             </li>
         </ul>
     )