md-card-actions should align at the container's bottom

[hacknaked]

Playing with Puppy Love Demo, if card-content have different heights and card-container is defined as row:

.card-container {
  display: flex;
  flex-flow: row wrap;
}

then, the md-card-actions are not aligned at the bottom. Looking in the Angular Material Specs, I could not find what is the "right" behavior in this case, but action buttons not aligned at bottom looks pretty wired.

[jelbourn]

@kara thoughts? I'm not sure if this is something the cards should be doing.

[NCC1701M]

In my opinion @hacknaked is right. It don't look very harmonic if the action position is not the same on each card in one row.

[petomalina]

Is there any temp fix for this guys?

[bennypowers]

md-card should be using flex. it's currently set to display:block

[Kyderman]

Im still having issues with this, the buttons need to be anchored down somehow, also, it would be nice if they can move nicely when the card gets smaller rather than stacking on top of eachother really badly

[joshdevries]

I was able to fix this by adding flex to md-card-content:
<md-card-content flex>

This pushes the action section to the bottom.

[spookyvale]

did you find a temp solution for that?
adding flex to the md-card-content does not fix for me. I'm using flex-layout for the container:
<div fxLayout='row' fxLayoutWrap fxLayoutGap="10px">

[Kyderman]

@spookyvale, I just changed the css for md-card to be using display:flex, with a margin-top on the card-actions

.item-card-container {
  display: flex;
  flex-direction: column;
  margin:20px;
}

md-card-actions {
  margin-top:auto;
}

[demetrio812]

I'm still having this issue with the latest version, I think this is important to solve...

[josehernandezv]

Is there any solution for this?