From 49ef47f24c4df12eba81131c68ee6773e534e02f Mon Sep 17 00:00:00 2001
From: ak <a.kemalakcay@gmail.com>
Date: Thu, 16 Jan 2025 15:16:50 +0300
Subject: [PATCH 1/5] style updates

---
 website/src/NextraLayout.tsx | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/website/src/NextraLayout.tsx b/website/src/NextraLayout.tsx
index f0a5d026c7ca..313220dac82c 100644
--- a/website/src/NextraLayout.tsx
+++ b/website/src/NextraLayout.tsx
@@ -211,23 +211,23 @@ const NavigationItem = ({ title, icon, onClick, className, children, ...props }:
             setExpanded(true)
             onClick?.(event)
           }}
-          className="flex flex-1 gap-1 p-2"
+          className="rounded-sm flex flex-1 items-start gap-1 p-2"
           {...props}
         >
           <span
             className={`
-              flex h-5 w-4 shrink-0 items-center justify-center text-white/64 transition
+              flex size-6 shrink-0 items-center justify-center text-white/64 transition
               in-clickable-hocus-visible:text-white
               in-clickable-[[aria-current=true]]:text-purple
               in-clickable-[[aria-current=true]]:transition-none
-              nested-icon:size-3.5
+              nested-icon:size-4
             `}
           >
             {icon}
           </span>
           <span
             className={`
-              text-p14 text-white/64 transition
+              text-p16 text-white/64 transition
               in-clickable-hocus-visible:text-white
               in-clickable-[[aria-current=true]]:text-white
               in-clickable-[[aria-current=true]]:transition-none
@@ -247,7 +247,7 @@ const NavigationItem = ({ title, icon, onClick, className, children, ...props }:
               />
               <span
                 className={`
-                  size-1.5 rounded-full bg-white/8 transition
+                  size-2 rounded-full bg-white/8 transition
                   in-clickable-hocus-visible:bg-white/16
                   in-clickable-[[aria-current=true]]:bg-purple
                   in-clickable-[[aria-current=true]]:transition-none
@@ -504,7 +504,7 @@ export default function NextraLayout({ children, pageOpts, pageProps }: NextraTh
           {/* TODO: Integrate in MDXLayoutNav */}
           <nav
             aria-label="Main navigation" // TODO: Translate
-            className="sticky top-0 h-screen overflow-y-auto overflow-x-clip border-e border-white/8 scrollbar-thin"
+            className="sticky top-0 h-screen overflow-y-auto overflow-x-clip border-e border-white/8 scrollbar-thin hidden sm:block"
           >
             <header className="flex h-16 items-center border-b border-white/8 pe-4 ps-6">
               <div>
@@ -625,14 +625,14 @@ export default function NextraLayout({ children, pageOpts, pageProps }: NextraTh
 
           <main>
             <header className="h-16 border-b border-white/8"></header>
-            <div className="px-26 py-12">
+            <div className="px-8 py-12 md:px-26 w-full">
               <article
                 className={`
-                  text-p16 leading-7 text-white/64
-                  mdx-[h1]:text-h24
-                  mdx-[h2]:text-h20
-                  mdx-[h3]:text-h18
-                  mdx-[h4,h5,h6]:text-h16
+                  text-p20 mx-auto max-w-[min(50vw,80ch)]
+                  leading-9 text-white/64 mdx-[h1]:text-h40
+                  mdx-[h2]:text-h32
+                  mdx-[h3]:text-h24
+                  mdx-[h4,h5,h6]:text-h20
                   mdx-[:is(ul,ol)_:is(ul,ol)]:mt-2
                   mdx-[ul,ol]:flex
                   mdx-[ol]:list-decimal

From f9c916171387f030dfe2d0022e851b979754f92b Mon Sep 17 00:00:00 2001
From: ak <a.kemalakcay@gmail.com>
Date: Thu, 16 Jan 2025 15:19:06 +0300
Subject: [PATCH 2/5] remove navbar hiding on small screens (this was a test)

---
 website/src/NextraLayout.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/website/src/NextraLayout.tsx b/website/src/NextraLayout.tsx
index 313220dac82c..4c0f25236390 100644
--- a/website/src/NextraLayout.tsx
+++ b/website/src/NextraLayout.tsx
@@ -504,7 +504,7 @@ export default function NextraLayout({ children, pageOpts, pageProps }: NextraTh
           {/* TODO: Integrate in MDXLayoutNav */}
           <nav
             aria-label="Main navigation" // TODO: Translate
-            className="sticky top-0 h-screen overflow-y-auto overflow-x-clip border-e border-white/8 scrollbar-thin hidden sm:block"
+            className="sticky top-0 h-screen overflow-y-auto overflow-x-clip border-e border-white/8 scrollbar-thin"
           >
             <header className="flex h-16 items-center border-b border-white/8 pe-4 ps-6">
               <div>
@@ -625,7 +625,7 @@ export default function NextraLayout({ children, pageOpts, pageProps }: NextraTh
 
           <main>
             <header className="h-16 border-b border-white/8"></header>
-            <div className="px-8 py-12 md:px-26 w-full">
+            <div className="w-full px-8 py-12 md:px-26">
               <article
                 className={`
                   text-p20 mx-auto max-w-[min(50vw,80ch)]

From 66a51a89d3df68af29a996210d8d985a7c2c0b8a Mon Sep 17 00:00:00 2001
From: ak <a.kemalakcay@gmail.com>
Date: Thu, 16 Jan 2025 15:20:19 +0300
Subject: [PATCH 3/5] align icons and nav labels to top

---
 website/src/NextraLayout.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/website/src/NextraLayout.tsx b/website/src/NextraLayout.tsx
index 4c0f25236390..bfb195844855 100644
--- a/website/src/NextraLayout.tsx
+++ b/website/src/NextraLayout.tsx
@@ -211,7 +211,7 @@ const NavigationItem = ({ title, icon, onClick, className, children, ...props }:
             setExpanded(true)
             onClick?.(event)
           }}
-          className="rounded-sm flex flex-1 items-start gap-1 p-2"
+          className="flex flex-1 gap-1 p-2"
           {...props}
         >
           <span

From d3e1b065780fa61c3186a7aa3e28b8eb374a4d0c Mon Sep 17 00:00:00 2001
From: ak <a.kemalakcay@gmail.com>
Date: Thu, 16 Jan 2025 15:21:17 +0300
Subject: [PATCH 4/5] lint

---
 website/src/NextraLayout.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/website/src/NextraLayout.tsx b/website/src/NextraLayout.tsx
index bfb195844855..918471c82177 100644
--- a/website/src/NextraLayout.tsx
+++ b/website/src/NextraLayout.tsx
@@ -629,7 +629,8 @@ export default function NextraLayout({ children, pageOpts, pageProps }: NextraTh
               <article
                 className={`
                   text-p20 mx-auto max-w-[min(50vw,80ch)]
-                  leading-9 text-white/64 mdx-[h1]:text-h40
+                  leading-9 text-white/64 
+                  mdx-[h1]:text-h40
                   mdx-[h2]:text-h32
                   mdx-[h3]:text-h24
                   mdx-[h4,h5,h6]:text-h20

From 628ad2b2fad169d54cb488889d1965e5b4123f2c Mon Sep 17 00:00:00 2001
From: ak <a.kemalakcay@gmail.com>
Date: Fri, 17 Jan 2025 12:07:35 +0300
Subject: [PATCH 5/5] remove unnecessary w-full

---
 website/src/NextraLayout.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/website/src/NextraLayout.tsx b/website/src/NextraLayout.tsx
index 918471c82177..f263c7ce70a0 100644
--- a/website/src/NextraLayout.tsx
+++ b/website/src/NextraLayout.tsx
@@ -625,7 +625,7 @@ export default function NextraLayout({ children, pageOpts, pageProps }: NextraTh
 
           <main>
             <header className="h-16 border-b border-white/8"></header>
-            <div className="w-full px-8 py-12 md:px-26">
+            <div className="px-8 py-12 md:px-26">
               <article
                 className={`
                   text-p20 mx-auto max-w-[min(50vw,80ch)]