From 20df501debf421f6e75fd1944f348fb231bec432 Mon Sep 17 00:00:00 2001
From: corgifist <sxuare.science@gmail.com>
Date: Sun, 27 Jul 2025 02:48:01 +0300
Subject: [PATCH] ui: project library bar now occupies all available width

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 278f9fe..f3abd7d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -492,7 +492,7 @@ export default function Home(): ReactNode {
                     <h2 className="font-bold break-keep text-xl sm:text-2xl md:text-3xl lg:text-4xl leading-none">Project Library</h2>
                     {projects && <Label className="text-muted-foreground text-sm">(Found {projects.length} projects)</Label>}
                 </div>
-                <div className="flex flex-col sticky top-safe bg-background gap-2 mt-3 pb-2 pt-2 w-full z-10">
+                <div className="flex flex-col sticky top-safe bg-background gap-2 mt-3 pb-2 pt-2 p-5 w-[100% + 5 * var(--spacing)] z-10 -mx-5">
                     <div className={cn("flex flex-row gap-2 items-center w-full", !isMobile && "justify-between")}>
                         <Dialog>
                             <DialogTrigger asChild>