Improve calendar event display and button styling

Update the styling for calendar event buttons, removing `!important` flags and `display: block` properties from the `DayItemsContainer` component's button.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: cc2d271b-82f0-4d6a-9302-a0b067ffb429
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/1957c339-2757-4d1f-8e92-e9f71a1ce58e/cc2d271b-82f0-4d6a-9302-a0b067ffb429/DlIjsPK
This commit is contained in:
michaelschal committed 2025-08-18 14:02:34 +00:00
1 parent ee33133ec3
commit b3dd242e41
2 files changed
+1 -2

No files matched your search

Binary file not shown.

After

Width:  |  Height:  |  Size: 309 KiB

+1 -2
View File
@@ -146,8 +146,7 @@ function DayItemsContainer({ dayOrders, dayDeliveries, onItemClick }: { dayOrder
<Button
variant="outline"
size="sm"
className="w-full h-6 text-xs bg-orange-200 hover:bg-orange-300 border-orange-400 text-orange-900 font-bold shadow-lg transition-all duration-150 border-2 !important z-10"
style={{ display: 'block !important', visibility: 'visible !important' }}
className="w-full h-6 text-xs bg-orange-200 hover:bg-orange-300 border-orange-400 text-orange-900 font-bold shadow-lg transition-all duration-150 border-2"
onClick={(e) => {
e.stopPropagation();
setIsOpen(true);