Several UI issues especially in mobile view.

[Silver-IT]

Problem

• Group picture and description are overlapped
• [x] Fixed and the commit is inside the PR 1121

• Drawer is overflowed and Logout button is hidden
• Can not open the drawer in mobile landscape view

Solution

I think we should remove fixed values such as padding, margin, left, top, ... and make it responsive using display: flex, overflow: auto, ...

[Silver-IT]

New issues found.

• Sections inside modal are overlapped in mobile view.
• Drawer is not closed when user clicks any item inside (compose and inbox in this example)

[Silver-IT]

I can see that this issue is related to the #1024. This is not related to the ngrok or tunnel and it is only related to the Mobile Safari browser.

[Silver-IT]

Also related to the #1023

[Silver-IT]

Avatar is not displaying for the PENDING users.

Solution

The file name is user-avatar-pending.png not avatar-pending.png

• [x] Already Fixed on 9th of December

[Silver-IT]

Problem

User name/displayName overflow issue.

Solution

I think we need to truncate it.

EDITED: DONE

[Silver-IT]

Another Issue

The last .card should have margin-bottom of 4rem. This style works in Firefox but not in Google Chrome.