From 8f5a60ff0a9600b40ab238c4fd3471c5050a28cf Mon Sep 17 00:00:00 2001
From: bkellam <bshizzle1234@gmail.com>
Date: Mon, 16 Sep 2024 21:57:04 -0700
Subject: [PATCH] small ui nits

---
 src/app/repos/page.tsx                | 4 +++-
 src/app/search/codePreviewPanel.tsx   | 2 +-
 src/app/search/searchResultsPanel.tsx | 4 ++--
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/app/repos/page.tsx b/src/app/repos/page.tsx
index 5d871038..e0bc077c 100644
--- a/src/app/repos/page.tsx
+++ b/src/app/repos/page.tsx
@@ -7,7 +7,9 @@ export default function ReposPage() {
         <div className="h-screen flex flex-col items-center">
             <NavigationMenu />
             <Suspense fallback={<div>Loading...</div>}>
-                <RepositoryTable />
+                <div className="max-w-[90%]">
+                    <RepositoryTable />
+                </div>
             </Suspense>
         </div>
     )
diff --git a/src/app/search/codePreviewPanel.tsx b/src/app/search/codePreviewPanel.tsx
index 9327c4ac..fa9180f5 100644
--- a/src/app/search/codePreviewPanel.tsx
+++ b/src/app/search/codePreviewPanel.tsx
@@ -110,7 +110,7 @@ export const CodePreviewPanel = ({
 
     return (
         <div className="flex flex-col h-full">
-            <div className="flex flex-row bg-cyan-200 dark:bg-cyan-900 items-center justify-between pr-3 py-0.5">
+            <div className="flex flex-row bg-cyan-200 dark:bg-cyan-900 items-center justify-between pr-3 py-0.5 border">
                 <div className="flex flex-row">
                     <div
                         style={{ width: `${gutterWidth}px` }}
diff --git a/src/app/search/searchResultsPanel.tsx b/src/app/search/searchResultsPanel.tsx
index bc3829f7..893c8ad8 100644
--- a/src/app/search/searchResultsPanel.tsx
+++ b/src/app/search/searchResultsPanel.tsx
@@ -116,9 +116,9 @@ const FilePreview = ({
     }, [matchCount]);
 
     return (
-        <div className="flex flex-col">
+        <div>
             <div
-                className="bg-cyan-200 dark:bg-cyan-900 primary-foreground px-2 py-0.5 flex flex-row items-center justify-between border cursor-pointer"
+                className="sticky top-0 bg-cyan-200 dark:bg-cyan-900 primary-foreground px-2 py-0.5 flex flex-row items-center justify-between border cursor-pointer z-10"
                 onClick={() => {
                     onOpenFile();
                 }}