Sub-problem 1: Elements are stacked, making it difficult to see what's going on in the header/nav section.
a) The "i" menu icon overlays the group name, making it difficult to read the group name, and very difficult to tell there's a clickable "i" there rather than just smooshed group name text.
b) The hamburger menu overlays the group icon, and after it is expanded and collapsed, it also overlays the group name.
Sub-problem 2: Implementation of menu anchoring isn't user-friendly
A pull-to-refresh (not applicable, but not sure how else to describe the over-scroll up) leaves the hamburger menu at the top of the screen. That seems fine. However, the "i" menu moves with the group name, still making it very hard to distinguish as a clickable menu rather than smooshed group name text.
Problem
Sub-problem 1: Elements are stacked, making it difficult to see what's going on in the header/nav section.
a) The "i" menu icon overlays the group name, making it difficult to read the group name, and very difficult to tell there's a clickable "i" there rather than just smooshed group name text.
b) The hamburger menu overlays the group icon, and after it is expanded and collapsed, it also overlays the group name.
Sub-problem 2: Implementation of menu anchoring isn't user-friendly A pull-to-refresh (not applicable, but not sure how else to describe the over-scroll up) leaves the hamburger menu at the top of the screen. That seems fine. However, the "i" menu moves with the group name, still making it very hard to distinguish as a clickable menu rather than smooshed group name text.
Solution
Fix, per Figma designs.