From 4f5433b0141da8443a2208a142d574a2b8fcde23 Mon Sep 17 00:00:00 2001
From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Wed, 27 Sep 2023 22:10:54 -0700
Subject: [PATCH] Support all widths

---
 src/widgets/calendar/component.jsx    | 2 +-
 src/widgets/calendar/monthly-view.jsx | 7 +------
 2 files changed, 2 insertions(+), 7 deletions(-)

diff --git a/src/widgets/calendar/component.jsx b/src/widgets/calendar/component.jsx
index fa141e6b..a7b44ff2 100644
--- a/src/widgets/calendar/component.jsx
+++ b/src/widgets/calendar/component.jsx
@@ -31,7 +31,7 @@ export default function Component({ service }) {
   })) ?? [], [widget.integrations]);
 
   return <Container service={service}>
-    <div className="flex flex-col">
+    <div className="flex flex-col w-full">
       <div className="sticky top-0">
         {integrations.map(integration => {
           const Integration = integration.service;
diff --git a/src/widgets/calendar/monthly-view.jsx b/src/widgets/calendar/monthly-view.jsx
index e302bdb5..383d9881 100644
--- a/src/widgets/calendar/monthly-view.jsx
+++ b/src/widgets/calendar/monthly-view.jsx
@@ -71,15 +71,10 @@ export function Day({ weekNumber, weekday, events }) {
 }
 
 export function Event({ event }) {
-  let title = event.title.slice(0,55);
-  if (title !== event.title) {
-    title += "...";
-  }
-
   return <div
     key={event.title}
     className="text-theme-700 dark:text-theme-200 text-xs relative h-5 w-full rounded-md bg-theme-200/50 dark:bg-theme-900/20 mt-1"
-  ><span className="absolute left-2 text-xs mt-[2px]">{title}</span>
+  ><span className="absolute left-2 text-left text-xs mt-[2px] truncate text-ellipsis" style={{width: '96%'}}>{event.title}</span>
   </div>
 }