Calendar widget styling

src/widgets/calendar/CalendarTile.tsx

@@ -1,4 +1,4 @@
-import { Center, createStyles, MantineThemeColors, useMantineTheme } from '@mantine/core';
+import { createStyles, Group, MantineThemeColors, useMantineTheme } from '@mantine/core';
 import { Calendar } from '@mantine/dates';
 import { IconCalendarTime } from '@tabler/icons';
 import { useQuery } from '@tanstack/react-query';
@@ -21,7 +21,7 @@ const definition = defineWidget({
     },
   },
   gridstack: {
-    minWidth: 4,
+    minWidth: 3,
     minHeight: 5,
     maxWidth: 12,
     maxHeight: 12,
@@ -55,10 +55,11 @@ function CalendarTile({ widget }: CalendarTileProps) {
   });
 
   return (
+    <Group grow style={{ height: '100%' }}>
       <Calendar
         month={month}
         // Should be offset 5px to the left
-      style={{ position: 'relative', left: -10, top: -10 }}
+        style={{ position: 'relative', top: -10 }}
         onMonthChange={setMonth}
         size="xs"
         fullWidth
@@ -84,6 +85,7 @@ function CalendarTile({ widget }: CalendarTileProps) {
           <CalendarDay date={date} medias={getReleasedMediasForDate(medias, date)} />
         )}
       />
+    </Group>
   );
 }