fix(web): Grant - spacing and empty containers (#17330)

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
island-is · Dec 21, 2024 · e0a1eec · e0a1eec
1 parent 8d0e092
commit e0a1eec
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 6 deletions.
diff --git a/apps/web/screens/Grants/Grant/GrantSidebar/ExtraPanel.tsx b/apps/web/screens/Grants/Grant/GrantSidebar/ExtraPanel.tsx
@@ -70,11 +70,11 @@ const ExtraPanel: React.FC<ExtraPanelProps> = ({ grant }) => {
     [grant.files, supportLinksPanelData],
   )
 
-  return (
+  return filesPanelData.length > 0 ? (
     <Box background={'red100'} padding={3} borderRadius="large">
       <Stack space={2}>{filesPanelData}</Stack>
     </Box>
-  )
+  ) : null
 }
 
 export default ExtraPanel
diff --git a/libs/island-ui/core/src/lib/InfoCardGrid/DetailedInfoCard.tsx b/libs/island-ui/core/src/lib/InfoCardGrid/DetailedInfoCard.tsx
@@ -171,12 +171,19 @@ export const DetailedInfoCard = ({
   }
 
   return (
-    <>
-      {renderHeader()}
-      {renderContent()}
+    <Box
+      display="flex"
+      justifyContent="spaceBetween"
+      flexDirection="column"
+      height="full"
+    >
+      <div>
+        {renderHeader()}
+        {renderContent()}
+      </div>
       <Box marginTop={3} display="flex" justifyContent="spaceBetween">
         {renderTags()}
       </Box>
-    </>
+    </Box>
   )
 }