[BUG] links page in not responsive on mobile view

[sital002]

Has this bug been raised before?

• I have checked "open" AND "closed" issues and this is not a duplicate

Where did you find this bug?

Local Development

Version of BioDrop (for example "v1.2.3")

2.96.0

Description

While testing the project locally I noticed that the account/links page is not responsive.

Steps to Reproduce

If you know the steps, follow the below format and provide steps to reproduce

For example:

1. Go to http://localhost:3000/account/manage/links page in mobile view.

Screenshots

Do you want to work on this issue?

No

If "yes" to above, please explain how you would technically implement this

No response

[github-actions]

To reduce notifications, issues are locked until they are 🏁 status: ready for dev You can asked for this issue to be assigned (if not already assigned) and to be assigned. You can learn more in our contributing guide https://github.com/EddieHubCommunity/BioDrop/blob/main/CONTRIBUTING.md

[amandamartin-dev]

hi @sital002 can you confirm if this happens on production and on a mobile device? I have tested on my device and cannot replicate. (Android pixel running chrome)

ℹ️ amandamartin-dev has some opened assigned issues: 🔧View assigned issues

[sital002]

It does exists on production as well if we pinned enabled and grouped the link here is the screenshot in production

[Abhishek-90]

@amandamartin-dev @sital002 I didn't check it on my phone but leaving the links section aside, even the buttons seem out of proportion for smaller screen sizes.

Coming to the links, we will have to come up with a different design on how to show the links data.

[sohail-313]

Instead of text for "Pinned" and "Enabled" we will use Icons in mobile view, does it make sense?

[amandamartin-dev]

It does exists on production as well if we pinned enabled and grouped the link here is the screenshot in production

Thank you for clarifying this is seen when there is a group. I was able to confirm. I saw you do not want to work on this but if you havre a suggestion on the best way to resolve feel free to offer a solution.

[amandamartin-dev]

Instead of text for "Pinned" and "Enabled" we will use Icons in mobile view, does it make sense?

Thank you for offering this idea. How will mobile users know what the icons each mean if we switch to icons?

[amandamartin-dev]

@amandamartin-dev @sital002 I didn't check it on my phone but leaving the links section aside, even the buttons seem out of proportion for smaller screen sizes.

Coming to the links, we will have to come up with a different design on how to show the links data.

Do you have a suggestion for improving this area?