From c1d20ad76723ddde3def7d8d1ca76056b6e5287f Mon Sep 17 00:00:00 2001
From: Caitlin Bailey <caitlin@tobikodata.com>
Date: Mon, 29 Jan 2024 15:52:05 -0800
Subject: [PATCH 1/3] fix: lineage search box light mode and search overlay no
 longer persists on larger screens

---
 web/client/src/library/components/graph/ModelLineageSearch.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/client/src/library/components/graph/ModelLineageSearch.tsx b/web/client/src/library/components/graph/ModelLineageSearch.tsx
index 2cf644584e..cd8fae3b00 100644
--- a/web/client/src/library/components/graph/ModelLineageSearch.tsx
+++ b/web/client/src/library/components/graph/ModelLineageSearch.tsx
@@ -38,7 +38,7 @@ export default function ModelLineageSearch({
       className={clsx(
         'w-full',
         showSearchInput
-          ? 'block absolute left-0 right-0 z-10 pr-10 bg-dark'
+          ? 'block absolute left-0 right-0 z-10 pr-10 bg-light dark:bg-dark @[40rem]:items-end @[40rem]:justify-end @[40rem]:flex @[40rem]:static @[40rem]:pr-0'
           : 'items-end justify-end flex',
       )}
     >

From 3161ec516a7e88cf1335cb00141d57f6fe500a25 Mon Sep 17 00:00:00 2001
From: Caitlin Bailey <caitlin@tobikodata.com>
Date: Mon, 29 Jan 2024 16:06:24 -0800
Subject: [PATCH 2/3] fixing a padding jump on smaller sizes

---
 web/client/src/library/components/graph/ModelLineage.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/client/src/library/components/graph/ModelLineage.tsx b/web/client/src/library/components/graph/ModelLineage.tsx
index 5abe15d134..104e86e000 100644
--- a/web/client/src/library/components/graph/ModelLineage.tsx
+++ b/web/client/src/library/components/graph/ModelLineage.tsx
@@ -427,7 +427,7 @@ function GraphControls({ nodes = [] }: { nodes: Node[] }): JSX.Element {
     <div className="px-2 flex items-center text-xs text-neutral-400 @container">
       <div className="contents">
         <Popover
-          className="flex @lg:hidden bg-none border-none py-1"
+          className="flex @lg:hidden bg-none border-none"
           aria-label="Show lineage node details"
         >
           <Popover.Button

From a1b78044013b3b07b6307efc4892288986d92932 Mon Sep 17 00:00:00 2001
From: Caitlin Bailey <caitlin@tobikodata.com>
Date: Mon, 29 Jan 2024 16:10:18 -0800
Subject: [PATCH 3/3] search overlay placement

---
 web/client/src/library/components/graph/ModelLineageSearch.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/client/src/library/components/graph/ModelLineageSearch.tsx b/web/client/src/library/components/graph/ModelLineageSearch.tsx
index cd8fae3b00..54c72bdfa0 100644
--- a/web/client/src/library/components/graph/ModelLineageSearch.tsx
+++ b/web/client/src/library/components/graph/ModelLineageSearch.tsx
@@ -38,7 +38,7 @@ export default function ModelLineageSearch({
       className={clsx(
         'w-full',
         showSearchInput
-          ? 'block absolute left-0 right-0 z-10 pr-10 bg-light dark:bg-dark @[40rem]:items-end @[40rem]:justify-end @[40rem]:flex @[40rem]:static @[40rem]:pr-0'
+          ? 'block absolute top-0 left-0 right-0 z-10 pr-10 bg-light dark:bg-dark @[40rem]:items-end @[40rem]:justify-end @[40rem]:flex @[40rem]:static @[40rem]:pr-0'
           : 'items-end justify-end flex',
       )}
     >