From 5d7d8c3a9a33869407c18f6fe9a1a0b82fa3d130 Mon Sep 17 00:00:00 2001
From: Bruno Quaresma <bruno@coder.com>
Date: Tue, 18 Oct 2022 16:52:47 -0300
Subject: [PATCH] refactor: Update resources to look as a stack (#4631)

---
 site/src/components/Resources/ResourceCard.tsx | 11 +++++++++++
 site/src/components/Resources/Resources.tsx    |  2 +-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/site/src/components/Resources/ResourceCard.tsx b/site/src/components/Resources/ResourceCard.tsx
index 6899428eb4..6e4d766260 100644
--- a/site/src/components/Resources/ResourceCard.tsx
+++ b/site/src/components/Resources/ResourceCard.tsx
@@ -210,6 +210,17 @@ const useStyles = makeStyles((theme) => ({
     background: theme.palette.background.paper,
     borderRadius: theme.shape.borderRadius,
     border: `1px solid ${theme.palette.divider}`,
+
+    "&:not(:first-child)": {
+      borderTop: 0,
+      borderTopLeftRadius: 0,
+      borderTopRightRadius: 0,
+    },
+
+    "&:not(:last-child)": {
+      borderBottomLeftRadius: 0,
+      borderBottomRightRadius: 0,
+    },
   },
 
   resourceCardProfile: {
diff --git a/site/src/components/Resources/Resources.tsx b/site/src/components/Resources/Resources.tsx
index d15bcf5441..2351f6ccba 100644
--- a/site/src/components/Resources/Resources.tsx
+++ b/site/src/components/Resources/Resources.tsx
@@ -54,7 +54,7 @@ export const Resources: FC<React.PropsWithChildren<ResourcesProps>> = ({
   }
 
   return (
-    <Stack direction="column" spacing={1}>
+    <Stack direction="column" spacing={0}>
       {displayResources.map((resource) => {
         return (
           <ResourceCard