Fixes: Search Page UI improved keeping same theme as explorer page #1739
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
What does this change?
This pull request includes significant styling and layout improvements to the Toilet Map explorer search functionality. The changes enhance the visual appeal and user experience by updating text styles, adding responsive design elements, and improving accessibility.
Styling and Layout Improvements:
src/pages/explorer/search.page.tsx
: Enhanced the search form layout with better alignment, padding, and responsive design. Updated the styles for input fields, dropdowns, and buttons, improved the table's appearance. [1] [2] [3] [4] [5] [6] [7]I am attaching the following screenshots for reference -
Old UI
New UI
How was this tested?
How have you tested your changes?
On a local server using laptop, mobile and tablet devices.
The UI is consistent and responsive
Accessibility
If applicable to your changes, have you: