added 'w-fit' to grant item wrapper, so this should ensure the div expands to show all components on smaller screens

josieek · josieek · commit 5fd91a4886a6 · 2025-11-04T18:09:43.000-05:00
diff --git a/frontend/src/main-page/grants/grant-list/GrantItem.tsx b/frontend/src/main-page/grants/grant-list/GrantItem.tsx
@@ -171,7 +171,7 @@ const GrantItem: React.FC<GrantItemProps> = ({ grant, defaultExpanded = false })
   }
 
   return (
-    <div className="grant-item-wrapper">
+    <div className="grant-item-wrapper w-fit">
       <div
         className={`grant-summary p-4 ${isExpanded ? "expanded rounded-b-none" : ""} grid grid-cols-5 items-center`}
         onClick={toggleExpand}

Original file line number	Diff line number	Diff line change
`@@ -171,7 +171,7 @@ const GrantItem: React.FC<GrantItemProps> = ({ grant, defaultExpanded = false })`
`171`	`171`	`}`
`172`	`172`
`173`	`173`	`return (`
`174`		`- <div className="grant-item-wrapper">`
	`174`	`+ <div className="grant-item-wrapper w-fit">`
`175`	`175`	`<div`
`176`	`176`	className={`grant-summary p-4 ${isExpanded ? "expanded rounded-b-none" : ""} grid grid-cols-5 items-center`}
`177`	`177`	`onClick={toggleExpand}`