'Reduce height of mat-flat-button

I have a message board that I want to add delete buttons to, unfortunately the mat-flat-button seems to be doubling the height of the message items. If i set it's height to 50%, the button becomes half the height of the message box, which will itself remain double the height as for without the button.

Without button: enter image description here

With Button: enter image description here

Any tips on getting the button to inherit the height of the container it resides within?

javascripthtmlcssangulartypescript


Solution 1:[1]

Found a fix, setting the line-height property to inherit in my css has resolved it

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Tristan Thompson

Related Questions