small ui nits

Author: brendan-kellam

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>
     )

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` }}

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();
                 }}