From f5eb36ff0092730a8a5385b34595fafb5a00b816 Mon Sep 17 00:00:00 2001
From: ajnart <thomascamlong@gmail.com>
Date: Mon, 16 May 2022 22:48:29 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20Update=20styling=20of=20AppShelf?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/AppShelf/AppShelf.tsx | 13 +++----------
 1 file changed, 3 insertions(+), 10 deletions(-)

diff --git a/src/components/AppShelf/AppShelf.tsx b/src/components/AppShelf/AppShelf.tsx
index d971144d1..1536cbfb5 100644
--- a/src/components/AppShelf/AppShelf.tsx
+++ b/src/components/AppShelf/AppShelf.tsx
@@ -11,7 +11,7 @@ const AppShelf = (props: any) => {
   return (
     <Grid gutter="xl" align="center">
       {config.services.map((service) => (
-        <Grid.Col span={6} xs={4} sm={3} md={2}>
+        <Grid.Col span={6} xl={2} xs={4} sm={3} md={3}>
           <AppShelfItem key={service.name} service={service} />
         </Grid.Col>
       ))}
@@ -33,16 +33,9 @@ export function AppShelfItem(props: any) {
         setHovering(false);
       }}
     >
-      <Card
-        style={{
-          boxShadow: hovering ? '0px 0px 3px rgba(0, 0, 0, 0.5)' : '0px 0px 1px rgba(0, 0, 0, 0.5)',
-          backgroundColor:
-            theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[0],
-        }}
-        radius="md"
-      >
+      <Card withBorder radius="lg" shadow="xl">
         <Card.Section>
-          <Text mt="sm" align="center" lineClamp={1} weight={500}>
+          <Text mt="sm" align="center" lineClamp={1} weight={550}>
             {service.name}
           </Text>
           <motion.div