# FSM UI/UX Audit

<table><thead><tr><th width="256"></th><th width="172">Type</th><th width="207">Estimation (in hours)</th><th width="178">Assignee</th><th width="183">Comment</th><th width="111">Status</th><th width="255">Reviewed by PM</th><th width="331">Gaps (if any)</th><th width="154"></th><th width="228">Reviewed by Antriksh</th></tr></thead><tbody><tr><td>FSM home breadcrumb title all should align</td><td>Improvement</td><td>2</td><td><a href="mailto:anil.singha@egov.org.in">Anil Singha</a></td><td></td><td>Done</td><td>Y</td><td></td><td></td><td>Y</td></tr><tr><td>All text alignment should be left for FSM registry table</td><td>Improvement</td><td>2</td><td><a href="mailto:anil.singha@egov.org.in">Anil Singha</a></td><td></td><td>Done</td><td></td><td>Disable button alignment, Figure our dropdown</td><td>Antriksh will share design</td><td></td></tr><tr><td>The date of vehicle creation camel case needs to be fixed</td><td>Improvement</td><td>0.5</td><td><a href="mailto:anil.singha@egov.org.in">Anil Singha</a></td><td></td><td>Done</td><td>Y</td><td></td><td></td><td></td></tr><tr><td>Alignment of breadcrumbs and title should be out of the card and left</td><td>Improvement</td><td>3</td><td><a href="mailto:anil.singha@egov.org.in">Anil Singha</a></td><td></td><td>Done</td><td>Y</td><td></td><td></td><td></td></tr><tr><td>Vehicle details title and second card should be aligned</td><td>Improvement</td><td>2</td><td><a href="mailto:anil.singha@egov.org.in">Anil Singha</a></td><td></td><td>Done</td><td>Y</td><td></td><td></td><td></td></tr><tr><td>Remove the break line in the FSM details page</td><td>Improvement</td><td>2</td><td><a href="mailto:anil.singha@egov.org.in">Anil Singha</a></td><td>Follow Design same as New Desludging Application</td><td>Done</td><td>Y</td><td>Spacing between section header, field above and field below</td><td></td><td></td></tr><tr><td>(+91) in every mobile input field need to be added if it is not major changes</td><td>Improvement</td><td>16</td><td></td><td>91 Should be every where there is mobile number field</td><td>Done</td><td></td><td>Some are in old format and some are in new format</td><td>Look at entire application and check where gaps are</td><td></td></tr><tr><td>The rupee symbol needs to be removed from the left side and symbols should be left aligned</td><td>Improvement</td><td>2</td><td><a href="mailto:anil.singha@egov.org.in">Anil Singha</a></td><td></td><td>Done</td><td></td><td>Rupee is still coming on the left hand side in application form</td><td>Also look at the entire application and check where gaps are</td><td></td></tr><tr><td>Add vendor card need to be alligned for vehicle</td><td>Improvement</td><td>3</td><td><a href="mailto:anil.singha@egov.org.in">Anil Singha</a></td><td></td><td>Done</td><td></td><td></td><td></td><td></td></tr><tr><td>Add vendor pop-up close circle need to follow the Figma design, pop-up does not align for text properly</td><td>Improvement</td><td>2</td><td><a href="mailto:anil.singha@egov.org.in">Anil Singha</a></td><td></td><td>Done</td><td></td><td></td><td></td><td></td></tr><tr><td>Update trips, add driver, add vendor, add driver modal cancel icon need to be corrected</td><td>Improvement</td><td>2</td><td><a href="mailto:anil.singha@egov.org.in">Anil Singha</a></td><td></td><td>Done</td><td></td><td></td><td></td><td></td></tr><tr><td>Remove top padding in vendor/vehicle/driver details screen</td><td>Improvement</td><td>2</td><td><a href="mailto:anil.singha@egov.org.in">Anil Singha</a></td><td></td><td>Done</td><td></td><td></td><td></td><td></td></tr><tr><td>Vendor/driver/vehicle details screen title-breadcrumb-card should be aligned properly</td><td>Improvement</td><td>4</td><td><a href="mailto:anil.singha@egov.org.in">Anil Singha</a></td><td></td><td>Done</td><td></td><td></td><td></td><td></td></tr><tr><td>Vendor/driver/vehicle edit screen title-breadcrumb-card should be aligned properly</td><td>Improvement</td><td><a href="mailto:anil.singha@egov.org.in">Anil Singha</a></td><td></td><td>Done</td><td></td><td></td><td></td><td></td><td></td></tr><tr><td>Vendor/driver/vehicle edit screen title should be outside card</td><td>Improvement</td><td><a href="mailto:anil.singha@egov.org.in">Anil Singha</a></td><td></td><td>Done</td><td></td><td></td><td></td><td></td><td></td></tr><tr><td>Vehicle number search box in the vehicle tab should check the correct format</td><td>Improvement</td><td>2</td><td><a href="mailto:anil.singha@egov.org.in">Anil Singha</a></td><td></td><td>Done</td><td></td><td></td><td></td><td></td></tr><tr><td>HOME SCREEN REMOVE</td><td>Improvement</td><td>2</td><td><a href="mailto:anil.singha@egov.org.in">Anil Singha</a></td><td></td><td>Done</td><td></td><td></td><td></td><td></td></tr><tr><td>Pincode validation</td><td>Improvement</td><td>16</td><td></td><td></td><td>Done</td><td></td><td></td><td></td><td></td></tr><tr><td>Roles permission for FSM inbox links are not proper</td><td>Improvement</td><td>3</td><td><a href="mailto:anil.singha@egov.org.in">Anil Singha</a></td><td></td><td>Done</td><td></td><td></td><td></td><td></td></tr><tr><td>In collector screen, error for incorrect phone number is showing as Payment_Invalid_Mobile</td><td>Localisation</td><td>0.15</td><td><a href="mailto:anil.singha@egov.org.in">Anil Singha</a></td><td></td><td>Done</td><td></td><td></td><td></td><td></td></tr><tr><td>Sorting FSM inbox should follow common inbox for vendor/driver/vehicle tab -backend</td><td>Improvement</td><td>12</td><td><a href="mailto:sardar.shaik@egovernments.org">Sardar Shaik</a></td><td></td><td>Done</td><td></td><td></td><td></td><td></td></tr><tr><td>Sorting FSM inbox should follow common inbox for vendor/driver/vehicle tab- UI</td><td>Improvement</td><td>12</td><td><a href="mailto:anil.singha@egov.org.in">Anil Singha</a></td><td></td><td>Done</td><td></td><td></td><td></td><td></td></tr><tr><td>The vendor name dropdown UI sould be according to the Figma link and align left</td><td>Improvement</td><td>18</td><td><a href="mailto:anil.singha@egov.org.in">Anil Singha</a></td><td></td><td>Done</td><td></td><td></td><td></td><td></td></tr><tr><td>Show only go back to home if has only go back to home else show take action +<br>If only one action is present in take action, then show only the action name</td><td>Improvement</td><td>12</td><td><a href="mailto:nabeel.md@egovernments.org">Nabeel Md</a></td><td></td><td>Done</td><td></td><td></td><td></td><td></td></tr><tr><td>Redirection from SMS for payment, Showing as ES_PAYMENT_DETAILS_TOTAL AMOUNT and ES_PAYMENT_DETAILS_ADV_AMOUNT</td><td>Localisation</td><td></td><td><a href="mailto:anil.singha@egov.org.in">Anil Singha</a></td><td></td><td>Done</td><td></td><td></td><td></td><td></td></tr><tr><td>Wherever input text does not match validation, error message needs to show in real-time</td><td>Improvement</td><td>40</td><td></td><td>Blocker</td><td>Todo</td><td></td><td></td><td></td><td></td></tr><tr><td>Change is redirected to a page in form and then the entire form restarts. Expected action: Change button should go to required page and then Next button should go back to the same page</td><td>Improvement</td><td></td><td></td><td>Common Issue in Every Module. Antriksh, Jagan and team is looking into it</td><td></td><td></td><td></td><td></td><td></td></tr><tr><td>Different terminologies found for Payment Method. In the Generate Receipt page (Payment mode -> Cash, Cheque, Credit/Debit Card) where as In Complete Request Page (Payment Received -> Paid In Cash, Paid at Counter, Net Banking).</td><td>Improvement</td><td></td><td></td><td>Need Clarity on what method should be populated?</td><td></td><td></td><td></td><td></td><td></td></tr><tr><td>Receipt capacity instead of type</td><td>Improvement</td><td></td><td></td><td>Dependency on Backend PDF Service</td><td>Todo</td><td></td><td></td><td></td><td></td></tr><tr><td>Vehicly type and payment sections should be separate</td><td>Improvement</td><td></td><td></td><td>Dependency on Backend PDF Service</td><td>Todo</td><td></td><td></td><td></td><td></td></tr><tr><td>Receipt needs to be redesigned</td><td></td><td></td><td></td><td>Dependency of Core Team. Since Receipt is a core services</td><td></td><td></td><td></td><td></td><td></td></tr><tr><td>FSM registry table should be common component</td><td>Improvement</td><td>16</td><td></td><td>Already common component is using</td><td>Todo</td><td></td><td></td><td></td><td></td></tr><tr><td>Either we can keep the option for the advanced amount and full amount in collect page for citizen, or remove the option &#x3C;Tahera will get back on this</td><td>Improvement</td><td></td><td><a href="mailto:tahera.bharmal@egovernments.org">Tahera Bharmal</a></td><td>Addressed in Frontendedback section of advance pay</td><td>Todo</td><td>Will be covering in Advance Pay Section</td><td></td><td></td><td></td></tr><tr><td>Pay Now and Pay Later looks a little confusing. Check the localisation with other modules</td><td>Improvement</td><td></td><td><a href="mailto:tahera.bharmal@egovernments.org">Tahera Bharmal</a></td><td>Addressed in Frontendedback section of advance pay</td><td>Todo</td><td>Will be covering in Advance Pay Section</td><td></td><td></td><td></td></tr><tr><td>After clicking pay now, it is showing advance amount which looks a little confusing. Need to check with PO</td><td>Improvement</td><td></td><td><a href="mailto:tahera.bharmal@egovernments.org">Tahera Bharmal</a></td><td>Addressed in Frontendedback section of advance pay</td><td>Todo</td><td>Will be covering in Advance Pay Section</td><td></td><td></td><td></td></tr><tr><td>Login error message "This MobileNumber Already Register as UserName in System. Pls try Another UserName"/ Reword to "This Mobile Number Already Register in the System. Please try  Another UserName"</td><td>Improvement</td><td>1</td><td></td><td>Core team work</td><td>Todo</td><td></td><td></td><td></td><td></td></tr><tr><td>Test the entire product</td><td></td><td></td><td></td><td></td><td>Todo</td><td></td><td></td><td></td><td></td></tr><tr><td>Scroll up to the field</td><td>Improvement</td><td>12</td><td></td><td></td><td>Todo</td><td></td><td></td><td></td><td></td></tr><tr><td>Next button should be disabled when data is not filled; next button usage is currently inconsistent</td><td>Improvement</td><td></td><td><a href="mailto:nabeel.md@egovernments.org">Nabeel Md</a></td><td></td><td></td><td></td><td></td><td></td><td></td></tr><tr><td>View application screen for citizen should have data in the same format as the acknowledgement receipt</td><td>Improvement</td><td></td><td></td><td>new UI has to be developed on figma first</td><td></td><td></td><td></td><td></td><td></td></tr></tbody></table>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.digit.org/sanitation/water-sanitation-product-suite/waste-management-system/faecal-sludge-management-fsm/fsm-functional-specification/fsm-ui-ux-audit.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.