This PR makes the "Client Name" field more prominent than the "Client ID" throughout the application.
It refactors the UI in order to improve the UX in the case of using non-human-readable Client IDs and now encourages separating the technical detail "Client ID" of the "Client Name".
Changes include:
update (ordering of) breadcrumb
Client Edit Page now shows the Name prominently, not the ID.
make IDs more visually clear as a technical detail by wrapping them into a <code> tag
Re-ordering of fields, putting Client Name in the first place in the reading direction
Screenshot of some of the changes:
Before:
Re-ordering of fields, putting Client Name in the first place in the reading direction:
This PR makes the "Client Name" field more prominent than the "Client ID" throughout the application. It refactors the UI in order to improve the UX in the case of using non-human-readable Client IDs and now encourages separating the technical detail "Client ID" of the "Client Name".
Changes include:
<code>
tagScreenshot of some of the changes:![image](https://user-images.githubusercontent.com/30808341/227499656-3786af55-55ce-46a6-aea1-f96d00c71fed.png)
Before:![image](https://user-images.githubusercontent.com/30808341/227498794-59cd04f8-4e49-4e3c-8b56-f7b3b7324487.png)
Re-ordering of fields, putting Client Name in the first place in the reading direction:
Here to the left
Here to the top
![image](https://user-images.githubusercontent.com/30808341/227498155-783217b7-aa40-412e-acfb-43749d2bbf46.png)