project cards on mobile cut off donate button

[divine-comedian]

User reported that on mobile view for projects included in the active QF round the donate button was being cut off, making it sometimes barely visible and hard to click.

Gm congrats with the round, fam

Ux on iOS is a little weird @mitch (🍔, 🍔)
The button works though not so discoverable

we should adjust the height of the card for projects in active qf round so the donate button is fully visible while on the qf/all page while there is an active qf round.

AC

• while viewing project cards ON MOBILE for a given project inside active qf round in qf/all page cards show fully the donate button
• when projects are not inside qf round on all/projects page ON MOBILE the card size is normally size withou excessive empty space below the donate button
• while viewing project cards ON MOBILE for a given project inside active qf round in all/projects page cards show fully the donate button

[divine-comedian]

this should be ready to test ON PRODUCTION

[divine-comedian]

@LatifatAbdullahi

[LatifatAbdullahi]

Test Update @divine-comedian

Note: Verification done on Android(Samsung S23)

• While viewing project cards ON MOBILE for a given project inside active qf round in qf/all page cards show fully the donate button - Failed

• When projects are not inside qf round on all/projects page ON MOBILE the card size is normally size without excessive empty space below the donate button - Pass

Issues:

1. When the Project has "Givback" , "Vouched" and "QF" badges, the donate button is still not properly displayed on the Project cards. (Mobile View)

WhatsApp.Video.2025-02-01.at.10.15.44_0a8492f0.mp4

The donate button is displayed fine, with less badges on the Project card

[divine-comedian]

Ah you're right, looks like with Mobile L screens it is fine but any smaller mobile screens it still gets cut off, will make a fix soon

[divine-comedian]

@LatifatAbdullahi can you test this out on STAGING -

Looks like for smaller mobile screens the donate button was still being cut off, it should be resolved now.

[LatifatAbdullahi]

@divine-comedian

The issue is fixed on staging

Screen_Recording_20250203_175346_Chrome.mp4