Button css changes

[prachi00]

Thank you for your contribution to the KodaDot - One Stop Shop for Polkadot NFTs.

👇 __ Let's make a quick check before the contribution.

PR Type

• Bugfix
• Feature
• Refactoring

Needs QA check

• @kodadot/qa-guild please review

Context

• Closes Consistent button components  #10018

Did your issue had any of the "$" label on it?

• My DOT address: Payout

Screenshot 📸

• [] My fix has changed UI

Copilot Summary

[kodabot]

WARNING @prachi00 PR for issue #10018 which isn't assigned to you. Please be warned that this PR may get rejected if there's another assignee for issue #10018

[netlify]

✅ Deploy Preview for koda-canary ready!

Name	Link
🔨 Latest commit	70f8273
🔍 Latest deploy log	https://app.netlify.com/sites/koda-canary/deploys/6633de54faf1420008c23a97
😎 Deploy Preview	https://deploy-preview-10066--koda-canary.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[exezbcz]

and other buttons?

[prachi00]

and other buttons?

which ones?

[prachi00]

and other buttons?

which ones?

@exezbcz which ones? I changed the height, added focus, active states

[exezbcz]

• regular button now has a height of 40px instead of 36. Will work better as a touchpoint

[prachi00]

• regular button now has a height of 40px instead of 36. Will work better as a touchpoint

I changed the common button component, is there any button that hasnt changed?

[prachi00]

• regular button now has a height of 40px instead of 36. Will work better as a touchpoint

I changed the common button component, is there any button that hasnt changed?

@exezbcz

[exezbcz]

the focus would be ideal if it would not scale the button and thus move all the elements in the UI

gallery item in share

• perfect square please
• 40x40

otherwise looking good!

could you please make sure there are no duplicates in styles, etc, so that there is not a mess in the styles and easily usable?

[prachi00]

the focus would be ideal if it would not scale the button and thus move all the elements in the UI

gallery item in share

• perfect square please
• 40x40

otherwise looking good!

could you please make sure there are no duplicates in styles, etc, so that there is not a mess in the styles and easily usable?

@exezbcz done

[daiagi]

this has been standing around way too long for a small change

@hassnian the story book is probably outdated and quite unused

I've looked around through the app, all buttons look ok, just a bit taller

however, the NeoButtonVariants are outdated and don't match current figma variants, let's change that

• update NeoButtonVariants #10162

[hassnian]

this has been standing around way too long for a small change

yes

I've looked around through the app, all buttons look ok, just a bit taller

tested and they look good , variants that have a different height already override the height inside the class.

@prachi00 let's continue here #10163

[prachi00]

can we merge this now?

[codeclimate]

Code Climate has analyzed commit 70f8273 and detected 0 issues on this pull request.

View more on Code Climate.

[sonarcloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
No data about Coverage
0.5% Duplication on New Code

See analysis details on SonarCloud

[hassnian]

@prury can we test and merge this one?

thanks

[prury]

I've looked around through the app, all buttons look ok, just a bit taller

indeed