Vue-material: md-button with md-icon in md-table

Created on 19 Feb 2017  ·  3Comments  ·  Source: vuematerial/vue-material

When using md-button with md-icon inside it's ok.
But when the same button inside table, its losing style.
Example here http://jsbin.com/hejulu/edit?html,output

bug

Most helpful comment

Yep same here, i've been meaning to make a PR for this.
You need to override the margin on the icon element like this.

.md-table .md-table-cell .md-button .md-icon {
    margin: auto;
}

Just need to check if there is no side effect somewhere though

All 3 comments

Yep same here, i've been meaning to make a PR for this.
You need to override the margin on the icon element like this.

.md-table .md-table-cell .md-button .md-icon {
    margin: auto;
}

Just need to check if there is no side effect somewhere though

Noticed the same issue when an icon button is used as a menu trigger. The problem doesn't occur in the doc as there is added CSS.

Please follow the table fixes on PR #787 :)

Was this page helpful?
0 / 5 - 0 ratings