Enhancement : Reduce the form height for better visual balance and compact layout

[harshitaphadtare]

Description:
Currently, the Plan Your Trip form takes up almost the entire viewport, making the UI look visually heavy and less balanced. The excessive height reduces the visibility of other key UI elements (like navigation and background context).

Proposed Solution:

• Make the form more compact by reducing padding and spacing between input fields.
• Consider grouping inputs in two columns (e.g., “Destination” and “Group Size” on the same row).
• Use a card-style layout with a fixed max width (e.g., max-width: 700px; margin: auto;) for better alignment and focus.
• Maintain consistent margins above and below buttons.
• Optionally, add subtle background contrast (e.g., light gray or translucent white) to make it stand out without dominating the screen.

Acceptance Criteria:

• Form should occupy around 50–60% of the viewport height.
• The “Generate Itinerary” button remains clearly visible without scrolling.
• The layout should look balanced and centered across desktop and mobile views.

Screenshots/Videos:
Current (visually heavy form):

Implementation Plan:

1. Reduce vertical padding and spacing between input groups.
2. Set max-width for the form container.
3. Test responsive design for various screen sizes.
4. Adjust button placement for optimal alignment.

Additional Context:
This change will improve the overall aesthetics and UX by reducing visual clutter and allowing users to focus more easily on filling out the form.

@Heisen47 please assign this task to me under hacktoberfest. i would love to take this up! :)

[Heisen47]

Go ahead , @harshitaphadtare . Before raising a PR , please do show how you have implemented your plans in here . After getting my confirmation , you can raise a PR to my dev branch

[AyushBurde]

is this work completed ?? or can i start working on this?

[Heisen47]

@harshitaphadtare is there any update on this?