Update UI on Activities Page for Calendar View

[ashishkumar-webkul]

UI Improvement Request

Title

Update UI on Activities Page for Calendar View

Issue Description

The current Calendar View of the Activities Page lacks proper UI enhancements, making it less visually appealing and user-friendly. The layout, spacing, and overall design require updates to align with modern standards and improve usability.

Steps to Reproduce

1. Navigate to the Activities Page.
2. Switch to the Calendar View.
3. Observe the layout and UI elements in this view.

Actual Result

• The UI appears cluttered and inconsistent.
• Spacing, font sizes, and element alignment need improvement.
• The overall design does not provide a smooth user experience.

Expected Result

• A clean and modernized Calendar View with improved UI elements.
• Proper spacing, alignment, and font sizes for better readability.
• Enhanced visual appeal and usability of the Calendar View.

Proposed Solution

1. Update the layout of the Calendar View to ensure proper spacing and alignment.
2. Improve font sizes and styles for better readability.
3. Add hover effects and tooltips for calendar events for an intuitive user experience.
4. Ensure the color scheme and design are consistent with the application’s theme.
5. Test the updated UI for responsiveness across different devices.

Acceptance Criteria

1. The Calendar View has a cleaner and more organized layout.
2. UI elements such as fonts, colors, and alignments are consistent and visually appealing.
3. Enhanced usability features like hover effects and tooltips work as expected.

Attachments:

https://prnt.sc/kaeQl37HHJf_
https://prnt.sc/9nLROq_UxWYK