Merge pull request #6064 from EnterpriseDB/docs/fix/infobox

Misc fixes to infobox and EDB/docs header

Author: djw-m

advocacy_docs/edb-postgres-ai/overview/index.mdx

@@ -2,7 +2,8 @@
 title: EDB Postgres AI overview
 navTitle: Overview
 indexCards: simple
-iconName: Earth
+directoryDefaults:
+  iconName: Earth
 description: An overview of all the EDB Postgres AI platform and tools
 navigation:
 - overview-and-concepts

src/components/left-nav.js

@@ -21,18 +21,25 @@ const SectionHeading = ({ navTree, path, iconName }) => {
 
   return (
     <li className="ms-0 mb-4 d-flex align-items-center">
-      <Icon
-        iconName={myIconName}
-        className={className}
-        width="50"
-        height="50"
-      />
       <Link
         to={navTree.path}
         className="d-block py-1 align-middle balance-text h5 m-0 text-dark"
       >
-        {navTree.title}
+        <Icon
+          iconName={myIconName}
+          className={className}
+          width="50"
+          height="50"
+        />
       </Link>
+      <div>
+        <Link
+          to={navTree.path}
+          className="d-block py-1 align-middle balance-text h5 m-0 text-dark"
+        >
+          {navTree.title}
+        </Link>
+      </div>
     </li>
   );
 };
@@ -46,12 +53,17 @@ const SectionHeadingWithVersions = ({
 }) => {
   return (
     <li className="ms-0 mb-4 d-flex align-items-center">
-      <Icon
-        iconName={iconName || productIcon(path) || iconNames.DOTTED_BOX}
-        className="fill-orange me-3"
-        width="50"
-        height="50"
-      />
+      <Link
+        to={navTree.path}
+        className="d-block py-1 align-middle balance-text h5 m-0 text-dark"
+      >
+        <Icon
+          iconName={iconName || productIcon(path) || iconNames.DOTTED_BOX}
+          className="fill-orange me-3"
+          width="50"
+          height="50"
+        />
+      </Link>
       <div className="rightsidenoclass">
         <Link
           to={navTree.path}

src/components/search-navigation.js

@@ -13,12 +13,10 @@ const LogoLink = () => (
 const DocsLink = ({ className }) => (
   <Link
     to="/"
-    className={["me-3 lead text-muted pt-2 header-docs-link", className].join(
-      " ",
-    )}
+    className={["me-3 lead text-muted pt-2", className].join(" ")}
     title="EDB Docs homepage"
   >
-    /<span className="ps-1">docs</span>
+    /<span className="ps-0">docs</span>
   </Link>
 );
 

src/components/side-navigation.js

@@ -5,10 +5,10 @@ import { DarkModeToggle, Link, Logo } from "./";
 const DocsLink = () => (
   <Link
     to="/"
-    className="me-3 lead text-muted pt-3 header-docs-link"
+    className="ms-1 me-3 lead text-muted pt-3"
     title="EDB Docs homepage"
   >
-    /<span className="ps-1">docs</span>
+    /<span className="ps-0">docs</span>
   </Link>
 );