Increase the size of Like, Dislike and Comments button

[skrishn]

The buttons appear small, so we'd like to increase them to the next size (medium) like the image below.

[sumitzarkar]

@skrishn

• In the above image only the comment icon is enlarged, do we want to increase the scale only for comments or all three items?
• Out of the three items Comment is just an icon whereas Like and Dislike are calcite buttons.
• If we want to increase the scale for the buttons, please let us know which of the following sizes should be used
• If we want to match with the above image we need to use the medium for comments and large for buttons

[chris-fox]

@sumitzarkar, please use the medium scale for the calcite like and dislike buttons and size the comment icon and text to be equivalent to the like and dislike buttons.

[sumitzarkar]

@chris-fox Here is how it will look after the changes:

• Like & Dislike button scale - m
• comment Icon scale - s

[chris-fox]

That looks good to me. thank you.

[chris-fox]

@sumitzarkar, i was just playing around with it and the buttons-container class has a padding of 10px which is quite large for that space. Is this a calcite standard or could we go smaller like 4px or 6px so the bar isn't so large with the buttons?

[sumitzarkar]

@chris-fox

Yes, we can reduce the buttons-container padding to 4px. Here is the screenshot after updating padding to 4px