UI: redign vital history to make to more applealing eith icons and values and hignligh high and low values in recrod vitsls section
🩺 UI Enhancement: Redesign Vital History Section
Description:
Redesign the Vital History section to improve visual appeal, readability, and usability. The current layout presents values in a basic format, making it difficult to quickly interpret critical information.
Improve Visual Design
Introduce meaningful icons for each vital parameter (e.g., heart rate, blood pressure, temperature, oxygen saturation).
Use modern card-based or structured layout for better clarity.
Enhance spacing, typography, and alignment for improved readability.
Highlight Abnormal Values
Clearly differentiate High and Low values using visual indicators:
Color coding (e.g., red for high, blue/orange for low).
Status badges (High / Low / Normal).
Icons or warning indicators where necessary.
Ensure abnormal values are easily noticeable in the Recorded Vitals section.
Improve Data Interpretation
Display values with proper units.
Maintain consistent formatting across all vital metrics.
Ensure responsiveness across devices (desktop, tablet, mobile).
More intuitive and user-friendly Vital History interface.
Faster identification of abnormal readings.
Improved overall user experience for healthcare professionals and administrators