Skip to content

UI Issue: Misaligned and Unbalanced Sunrise & Sunset Card #75

@Rajjoooo

Description

@Rajjoooo

Description:

In the Sunrise & Sunset card, the layout currently looks unbalanced and misaligned compared to other components.

Problems Noticed:

The Sunset text and icon are placed too close to the left edge, leaving almost no padding. This makes the section look cramped and inconsistent with the Sunrise block.

The icons (sunrise/sunset) appear noticeably smaller compared to other UI icons (e.g., weather icons), making the card look less uniform.

Why This Matters:

This card is an important part of the dashboard since it communicates time-sensitive information. Poor alignment and size inconsistency reduce readability and make the UI look less polished.

Suggested Fixes:

Add consistent padding/margin to the Sunset block so that it visually matches the Sunrise block.

Adjust the icon size (sunrise/sunset) to be consistent with the weather icons used elsewhere in the app.

Ensure vertical alignment of text and icons for a cleaner look.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions