From 28bb3c2acd4dd299c299982dfb115a980c3471c1 Mon Sep 17 00:00:00 2001
From: Bruno Quaresma <bruno@coder.com>
Date: Tue, 18 Oct 2022 19:01:03 +0000
Subject: [PATCH] refactor: Update resources to look as a stack

---
 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 6899428eb46fc..6e4d766260e5f 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 d15bcf5441ea1..2351f6ccba68a 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