From a231e6aed354e1d797926f71ab72a442dc70279f Mon Sep 17 00:00:00 2001
From: The Doom Lab <buchananlab@gmail.com>
Date: Sun, 12 Oct 2025 18:17:10 -0500
Subject: [PATCH 1/2] fixing the scrolling with collapse cards

---
 src/core/components/CollapseCard.tsx | 10 +++++-----
 src/tasks/components/TaskSummary.tsx |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/core/components/CollapseCard.tsx b/src/core/components/CollapseCard.tsx
index 63461812..0c715897 100644
--- a/src/core/components/CollapseCard.tsx
+++ b/src/core/components/CollapseCard.tsx
@@ -24,10 +24,10 @@ const CollapseCard = ({
   const tooltipId = tooltipContent ? uuidv4() : undefined
 
   return (
-    <div className={clsx("collapse collapse-arrow bg-base-300 overflow-visible", className)}>
+    <div className={clsx("collapse collapse-arrow bg-base-300 w-full max-w-full", className)}>
       <input type="checkbox" data-tooltip-id={tooltipId} defaultChecked={defaultOpen} />
-      <div className="collapse-title text-xl font-medium">
-        <div className="card-title">{title}</div>
+      <div className="collapse-title text-xl font-medium min-w-0 pr-10">
+        <div className="card-title truncate">{title}</div>
         {tooltipContent && (
           <TooltipWrapper
             id={tooltipId}
@@ -37,8 +37,8 @@ const CollapseCard = ({
         )}
       </div>
 
-      <div className="collapse-content">
-        <div className="w-full overflow-visible">{children}</div>
+      <div className="collapse-content min-w-0">
+        <div className="w-full min-w-0">{children}</div>
         {actions && <div className="card-actions justify-end">{actions}</div>}
       </div>
     </div>
diff --git a/src/tasks/components/TaskSummary.tsx b/src/tasks/components/TaskSummary.tsx
index 969c20e6..e6960a19 100644
--- a/src/tasks/components/TaskSummary.tsx
+++ b/src/tasks/components/TaskSummary.tsx
@@ -6,7 +6,7 @@ import { TaskLogTable } from "./TaskLogTable"
 // Create task summary for the PM
 export const TaskSummary = ({ contributorFilter }: { contributorFilter?: number }) => {
   return (
-    <div className="flex flex-row justify-center mt-2 mb-2">
+    <div className="flex flex-row justify-center mt-4 mb-2">
       {/* overall project information */}
       <CollapseCard title="Task Completion" className="w-full" defaultOpen={true}>
         {!contributorFilter && (

From 9c5151b78108ba3245907fb0abd4bf35477f0a51 Mon Sep 17 00:00:00 2001
From: The Doom Lab <buchananlab@gmail.com>
Date: Sun, 12 Oct 2025 19:06:32 -0500
Subject: [PATCH 2/2] fixing odd spacing on project summary

---
 src/pages/projects/[projectId]/summary/index.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages/projects/[projectId]/summary/index.tsx b/src/pages/projects/[projectId]/summary/index.tsx
index c22f3e62..e319fddc 100644
--- a/src/pages/projects/[projectId]/summary/index.tsx
+++ b/src/pages/projects/[projectId]/summary/index.tsx
@@ -245,18 +245,18 @@ const Summary = () => {
         {project.formVersionId ? (
           <>
             <MetadataDisplay metadata={project.metadata} />
-            <div className="flex flex-wrap gap-2 justify-end max-w-xl">
+            <div className="flex flex-wrap md:flex-nowrap gap-2 justify-end">
               <DownloadJSON
                 data={project.metadata}
                 fileName={project.name}
-                className="btn btn-primary"
+                className="btn btn-primary whitespace-nowrap"
                 type="button"
                 label="Download Metadata JSON"
               />
               <DownloadXLSX
                 data={project.metadata}
                 fileName={project.name}
-                className="btn btn-secondary mx-2"
+                className="btn btn-secondary whitespace-nowrap"
                 type="button"
                 label="Download Metadata XLSX"
               />
@@ -265,7 +265,7 @@ const Summary = () => {
                 uiSchema={getJsonSchema(project.formVersion?.uiSchema)}
                 metadata={project.metadata}
                 label={"Edit Project Metadata"}
-                classNames="btn-info"
+                classNames="btn-info whitespace-nowrap"
                 onSubmit={handleJsonFormSubmit}
                 onError={handleJsonFormError}
                 resetHandler={handleResetMetadata}