From fca07460ebf3295023cb06721caee5b71fcefd6b Mon Sep 17 00:00:00 2001
From: anagri <127566+anagri@users.noreply.github.com>
Date: Wed, 5 Feb 2025 11:46:42 +0530
Subject: [PATCH] [Amir] some temp fixes for doc on mobile

---
 crates/bodhi/src/app/docs/DocSidebar.tsx | 8 +++++---
 crates/bodhi/src/app/docs/layout.tsx     | 7 +++++--
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/crates/bodhi/src/app/docs/DocSidebar.tsx b/crates/bodhi/src/app/docs/DocSidebar.tsx
index 01feb9f8..d4a740f8 100644
--- a/crates/bodhi/src/app/docs/DocSidebar.tsx
+++ b/crates/bodhi/src/app/docs/DocSidebar.tsx
@@ -79,7 +79,7 @@ export function DocSidebar({ navigation }: DocSidebarProps) {
       >
         <div className="h-16 border-b px-6 flex items-center">
           <Link href={DOCS_BASE_PATH}>
-            <h1 className="text-lg font-semibold">Documentation</h1>
+            <h1 className="text-lg font-semibold">Home</h1>
           </Link>
         </div>
         {sidebarContent}
@@ -91,7 +91,7 @@ export function DocSidebar({ navigation }: DocSidebarProps) {
           <Button
             variant="ghost"
             size="icon"
-            className="lg:hidden fixed left-4 top-4 z-[50]"
+            className="lg:hidden fixed left-4 top-100 z-[50]"
             aria-label="Open documentation navigation"
             data-testid="mobile-sidebar-trigger"
           >
@@ -104,7 +104,9 @@ export function DocSidebar({ navigation }: DocSidebarProps) {
           data-testid="mobile-sidebar"
         >
           <div className="h-16 border-b px-6 flex items-center">
-            <h2 className="text-lg font-semibold">Documentation</h2>
+            <Link href={DOCS_BASE_PATH}>
+              <h2 className="text-lg font-semibold">Home</h2>
+            </Link>
           </div>
           {sidebarContent}
         </SheetContent>
diff --git a/crates/bodhi/src/app/docs/layout.tsx b/crates/bodhi/src/app/docs/layout.tsx
index 2006a267..9df488e6 100644
--- a/crates/bodhi/src/app/docs/layout.tsx
+++ b/crates/bodhi/src/app/docs/layout.tsx
@@ -1,9 +1,10 @@
-import { DocSidebar } from '@/app/docs/DocSidebar';
+import { DOCS_BASE_PATH, DocSidebar } from '@/app/docs/DocSidebar';
 import '@/app/docs/prism-theme.css';
 import type { NavItem } from '@/app/docs/types';
 import { getAllDocPaths, getPathOrder } from '@/app/docs/utils';
 import fs from 'fs';
 import matter from 'gray-matter';
+import Link from 'next/link';
 import path from 'path';
 
 function getDocTitle(filePath: string): string {
@@ -94,7 +95,9 @@ export default function DocsLayout({
       {/* Main content */}
       <main className="flex-1 min-w-0" role="main">
         <div className="h-16 border-b px-6 flex items-center lg:hidden">
-          <h2 className="text-lg font-semibold ml-12">Documentation</h2>
+          <Link href={DOCS_BASE_PATH}>
+            <h2 className="text-lg font-semibold ml-10">Home</h2>
+          </Link>
         </div>
         <div className="container py-8 px-6">{children}</div>
       </main>