Skip to content

[ENHANCEMENT] Fix layout and styling of "Check Your Scheme Eligibility" form #1117

@Eshajha19

Description

@Eshajha19

Description:

The "Check Your Scheme Eligibility" form on the homepage has a few layout and styling issues that affect responsiveness, accessibility, and user experience.

Current Issues:

The form may not be fully responsive on smaller screens.

The State dropdown and Land Holding input have slightly mismatched heights.

Placeholder text in the input could have better contrast for readability.

The "Find Eligible Schemes" button is too wide on large screens and lacks hover effects.

label tags are not properly linked with input fields for accessibility.

Minor CSS refinements needed for rounded corners, shadows, and overall alignment.

Expected Behavior:

Form should be fully centered and responsive across all screen sizes.

Input fields should have consistent height, padding, and font-size.

Button should have max-width, hover effect, and proper padding.

Form labels should be properly linked to inputs (for and id).

Placeholder and text contrast should meet accessibility standards.

Screenshots:

Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions