fix: settings icon margin in notification

[foolo]

What does this PR do?

🤖 Generated by Copilot at a25fa3a

Increased button padding in Notification/Settings.tsx component. This is a UI improvement for the web app.

Before:

After:

Related issues

Fixes #3583

Type of change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Enhancement (non-breaking small changes to existing functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

Explanation of the changes

🤖 Generated by Copilot at a25fa3a

• Increased the horizontal padding of the button in Settings.tsx (link) to improve UI consistency

Emoji

🖥️📏🛠️

[vercel]

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

Name	Status	Preview	Updated (UTC)
prerender	✅ Ready (Inspect)	Visit Preview	Aug 22, 2023 8:18pm
web	✅ Ready (Inspect)	Visit Preview	Aug 22, 2023 8:18pm

[bigint]

@foolo it should be margin 🙇🏼 there is no space RN right to the button 🙇🏼

[foolo]

@foolo it should be margin 🙇🏼 there is no space RN right to the button 🙇🏼

@bigint Ahh, okay. I'll fix it.

[foolo]

@bigint Done, I updated the "After" picture. Keeping the button itself narrow as before.

[bigint]

In desk it looks bit odd 🙈

[foolo]

In desk it looks bit odd 🙈

@bigint Ah, now I think I understand what you mean. On desktop the cogwheel should have no margin. I updated the PR again. Sorry for lots of back and forth for this tiny PR :)

Looks like this now: