BharatSeva / BharatSeva-Plus-User-Interface

A patient-facing portal where users can access their records, make appointments, and avail other healthcare services.
http://4.236.178.190:5000
MIT License
8 stars 14 forks source link

[UI/UX Improvement]: Enhance Activity Log Section for Better User Experience #17

Open vaibhavyadav-dev opened 4 days ago

vaibhavyadav-dev commented 4 days ago

Description The current design of the Activity Log section can be improved to provide a cleaner, more user-friendly experience.

image

Tasks

  1. Improve Contrast and Readability:

    • Increase contrast between text and background for better clarity (e.g., light text on darker backgrounds).
    • Adjust font sizes to improve readability, especially for section headers and log details.
  2. Implement Card-Based Layout:

    • Reorganize log entries for "HealthCare", "Location", and "Date" horizontally within cards for a compact and easy-to-scan layout.
    • Ensure consistent spacing between elements.
  3. Simplify Date/Time Format:

    • Simplify the date and time format to: DD MMM YYYY, HH:MM (e.g., 16 Oct 2024, 19:10).
    • Use tooltips or small icons for more advanced time details like UTC offset.

Additional Notes

matinshaikh31 commented 2 days ago

/assign me

vaibhavyadav-dev commented 2 days ago

@matinshaikh31 share your idea before you begin working on this issue