Bigger horizontal padding for small size button

[lcswillems]

• I have searched the issues of this repository and believe that this is not a duplicate.

Summary 💡

The padding of the small size button is : 4px 8px. It doesn't look good to my eyes:

The horizontal padding is too small from my point of view. I would prefer something like 4px 11px.

2 arguments:

• Google uses this kind of padding for their small button on their home page:
  
• The medium size button has not the same padding ratio. It is 6/16 = 0.375 (which looks good to my eyes) whereas the small button 4/8 = 1/2 (which doesn't).

[eps1lon]

It uses 12px for the horizontal padding for me. Don't have a strong opinion about this. I guess official google pages are the closest we get without having material guidelines.

[lcswillems]

I proposed 11px because 4 * 16/6 = 11 (to keep the same ratio) but 12px would be good for me

[oliviertassinari]

@lcswillems Interesting concern, it seems that our small button demo is "skewed" by the min-width property that takes precedence over the default padding. We can use https://vuetifyjs.com/en/components/buttons#examples to benchmark against.

What do you think of 10px instead of 8px?

[lcswillems]

10px is fine also!

[oliviertassinari]

Great, unless somebody raises a concern about the change, we would be happy to accept a pull request :)

[lcswillems]

I am sorry but I won't take the time to do a pull request for this. I will have to clone the repo, take time to find where to modify it (because I don't know the code base), do the pull request etc..., just to replace "8px" by "10px", whereas in your case, in one small commit it can be done.

I hope that you understand it.

Anyway, thank you for all your work and for having taking the time to answer me. As I said in a previous issue, I really enjoy your work and think it highly impacts web development today!!

[ubaidisaev]

I made a pull request

[lcswillems]

Okay thank you!