From dd09f28db51a39a6c174d130e6126c81ad2b31c7 Mon Sep 17 00:00:00 2001
From: Felix Mosheev <9304194+felixmosh@users.noreply.github.com>
Date: Tue, 12 Mar 2024 12:30:22 +0200
Subject: [PATCH] fix: re-layout overflow content, closes #700

---
 .../JobCard/Details/DetailsContent/JobLogs/JobLogs.module.css   | 2 +-
 packages/ui/src/components/JobCard/JobCard.module.css           | 1 +
 packages/ui/src/components/JobCard/JobCard.tsx                  | 2 +-
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/ui/src/components/JobCard/Details/DetailsContent/JobLogs/JobLogs.module.css b/packages/ui/src/components/JobCard/Details/DetailsContent/JobLogs/JobLogs.module.css
index 137cbcbb..40164d49 100644
--- a/packages/ui/src/components/JobCard/Details/DetailsContent/JobLogs/JobLogs.module.css
+++ b/packages/ui/src/components/JobCard/Details/DetailsContent/JobLogs/JobLogs.module.css
@@ -3,13 +3,13 @@
   overflow: hidden;
   position: relative;
   background: #fff;
+  height: 100%;
 }
 
 .preWrapper {
   padding: 40px 0.5rem 0.5rem;
   max-height: 100%;
   overflow: auto;
-  height: 330px;
 }
 
 .preWrapper ol {
diff --git a/packages/ui/src/components/JobCard/JobCard.module.css b/packages/ui/src/components/JobCard/JobCard.module.css
index 7c694511..5e635b23 100644
--- a/packages/ui/src/components/JobCard/JobCard.module.css
+++ b/packages/ui/src/components/JobCard/JobCard.module.css
@@ -58,6 +58,7 @@
   display: flex;
   margin-top: 1rem;
   width: 100%;
+  overflow: hidden;
 }
 
 .sideInfo {
diff --git a/packages/ui/src/components/JobCard/JobCard.tsx b/packages/ui/src/components/JobCard/JobCard.tsx
index 36dd8ae0..f7ca7248 100644
--- a/packages/ui/src/components/JobCard/JobCard.tsx
+++ b/packages/ui/src/components/JobCard/JobCard.tsx
@@ -72,7 +72,7 @@ export const JobCard = ({
           )}
         </div>
 
-        <Collapsible.Content>
+        <Collapsible.Content asChild={true}>
           <div className={s.details}>
             <div className={s.sideInfo}>
               <Timeline job={job} status={status} />