Demo app reskinning.

[santosh-pingle]

Describe the bug
Update visual appearance of demo app.
Refer below link for reference
https://github.com/google/fhir-app-examples/tree/main/configurablecare

Component
reference app

To Reproduce
Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Smartphone (please complete the following information):

• Device: [e.g. Pixel4a emulator]
• Android version: [e.g. Settings -> About phone -> Android version]
• Build number: [e.g. Settings -> About phone -> Build number]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

Would you like to work on the issue?
Please state if this issue should be assigned to you or who you think could help to solve this issue.

[santosh-pingle]

Registered Patients Screen

1. Change the app bar background to match the rest of the screen (white).
2. Remove the margin at the start and end of the divider.
3. Align the patient contents to the left and reduce the margin at the start.
4. Reduce the margin at the start for the number of patients and align this text with the patient list.

[santosh-pingle]

Patient Card Screen :

1. Round the corners of the complete survey button.
2. Remove the left margin of the card.
3. Update the background of the patient card.
4. Remove the right margin of the card.
5. Adjust the app bar background to match the screen's background (white).

[santosh-pingle]

Edit Patient :

1. Adjust the app bar background to match the screen's background (white).

[santosh-pingle]

Add Patient :

1. Adjust the app bar background to match the screen's background (white).

[santosh-pingle]

Action item :
Migrate from material 2 to material 3.

I will start with this.

[MJ1998]

Do you think we should also add a menu / home page something like this (but without the Implementation Guide box)?

[MJ1998]

Regarding the 3rd issue on Registered Patients Screen, the left blank portion we see is for the patient status based on the risk probability. Currently no RiskAssessment resources are synced hence no statusView is assigned and the view is blank. Do we wanna remove the risk-to-status binding and relevant codes as well ?
Code Link

[santosh-pingle]

Do you think we should also add a menu / home page something like this (but without the Implementation Guide box)?

thanks @MJ1998

I think it might be a good idea to add a dashboard. What are your thoughts?@shelaghm @jingtang10

[santosh-pingle]

Regarding the 3rd issue on Registered Patients Screen, the left blank portion we see is for the patient status based on the risk probability. Currently no RiskAssessment resources are synced hence no statusView is assigned and the view is blank. Do we wanna remove the risk-to-status binding and relevant codes as well ? Code Link

yes.
It might be a good idea to align the risk assessment status in such a way that it doesn't appear as a blank space. What are your thoughts on this? @shelaghm @jingtang10

[jingtang10]

can you take a look at this @santosh-pingle https://github.com/google/fhir-app-examples/tree/main/configurablecare and try to match the style there in the demo app?