Fix formatting of mobile retry button

[ovindu-a]

• What kind of change does this PR introduce? (Bug fix, feature, docs update, ...)

This PR changes the size of the retry button when on mobile and also hides the "Retry" text so the UI looks more viewable.

• Why was this change needed? (You can also link to an open issue here)

This was to fix issue #1230 where the retry button being too big in mobile view

• Other information:

Initial change makes it look like this. If this way of approaching is fine can edit the styles for it to make it look better.

[vercel]

@ovindu-a is attempting to deploy a commit to the Arc53 Team on Vercel.

A member of the Team first needs to authorize it.

[ManishMadan2882]

Hi @ovindu-a
It would be better to have a small regenerate icon instead of the Copy button in case of error, think it will look better on other devices as well.

[ovindu-a]

@ManishMadan2882 thank you. That seems like a good idea, shall I implement something like that? @dartpain

[dartpain]

Yep, that would be great, thank you!

[ovindu-a]

Will do.

[ovindu-a]

How does this look? @dartpain

[dartpain]

Think this looks great!

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
docs-gpt	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 9, 2024 10:29am

[ovindu-a]

@dartpain I have made the changes in the newest commit. Please let me know if there is anything to be changed.

[ManishMadan2882]

Hi @ovindu-a
In case of no error, there is an empty space because of hidden retry icon, would suggest to conditionally render.

Thanks!

[ovindu-a]

@ManishMadan2882 I have made the requested change, please let me know if this is alright

[ManishMadan2882]

Thanks @ovindu-a !

[dartpain]

@holopin-bot @ovindu-a Thank you!

[holopin-bot]

Congratulations @ovindu-a, the maintainer of this repository has issued you a badge! Here it is: https://holopin.io/claim/cm2jen0bq03030cl89wj30pme

This badge can only be claimed by you, so make sure that your GitHub account is linked to your Holopin account. You can manage those preferences here: https://holopin.io/account.
Or if you're new to Holopin, you can simply sign up with GitHub, which will do the trick!

[dartpain]

Hey @ovindu-a please fill in this form if you are interested in a t-shirt
https://airtable.com/appikMaJwdHhC1SDP/pagoblCJ9W29wf6Hf/form

[ovindu-a]

Oh that's cool @dartpain. Thank you