From 789a919530cce8e7a6d7a2d6c496d193d6d021d6 Mon Sep 17 00:00:00 2001
From: Alma <alma@MacBook-Air-de-Alma.local>
Date: Sun, 13 Apr 2025 23:18:31 +0200
Subject: [PATCH] widget agenda correction fix

---
 components/calendar.tsx | 26 +++++++-------------------
 1 file changed, 7 insertions(+), 19 deletions(-)

diff --git a/components/calendar.tsx b/components/calendar.tsx
index 197f50c5..7c5d7b5f 100644
--- a/components/calendar.tsx
+++ b/components/calendar.tsx
@@ -90,7 +90,7 @@ export function Calendar() {
   return (
     <Card className="transition-transform duration-500 ease-in-out transform hover:scale-105 bg-white/95 backdrop-blur-sm border-0 shadow-lg">
       <CardHeader className="flex flex-row items-center justify-between pb-2 border-b border-gray-100">
-        <CardTitle className="text-lg font-semibold text-gray-800">Agenda</CardTitle>
+        <CardTitle className="text-lg font-semibold text-gray-800">Calendar</CardTitle>
         <Button 
           variant="ghost" 
           size="icon" 
@@ -118,36 +118,24 @@ export function Calendar() {
               >
                 <div className="flex gap-2">
                   <div 
-                    className="flex-shrink-0 w-14 h-14 rounded-lg flex flex-col items-center justify-center border"
+                    className="flex-shrink-0 w-12 h-12 rounded-lg flex flex-col items-center justify-center border"
                     style={{
                       backgroundColor: `${event.calendarColor}10`,
                       borderColor: event.calendarColor
                     }}
                   >
+                    <CalendarIcon className="h-4 w-4" style={{ color: event.calendarColor }} />
                     <span 
-                      className="text-[10px] font-medium"
+                      className="text-[10px] font-medium mt-0.5"
                       style={{ color: event.calendarColor }}
                     >
                       {formatDate(event.start)}
                     </span>
-                    <span 
-                      className="text-[10px] font-bold mt-0.5"
-                      style={{ color: event.calendarColor }}
-                    >
-                      {formatTime(event.start)}
-                    </span>
                   </div>
                   <div className="flex-1 min-w-0 space-y-1">
-                    <div className="flex items-start justify-between gap-2">
-                      <p className="text-sm font-medium text-gray-800 line-clamp-2 flex-1">
-                        {event.title}
-                      </p>
-                      {!event.allDay && (
-                        <span className="text-[10px] text-gray-500 whitespace-nowrap">
-                          {formatTime(event.start)} - {formatTime(event.end)}
-                        </span>
-                      )}
-                    </div>
+                    <p className="text-sm font-medium text-gray-800 line-clamp-2">
+                      {event.title}
+                    </p>
                     <div 
                       className="flex items-center text-[10px] px-1.5 py-0.5 rounded-md"
                       style={{