Skip to content
This repository has been archived by the owner on Sep 5, 2024. It is now read-only.

Spacing between md-button buttons inside md-card #2009

Closed
asans opened this issue Mar 23, 2015 · 3 comments
Closed

Spacing between md-button buttons inside md-card #2009

asans opened this issue Mar 23, 2015 · 3 comments
Assignees
Milestone

Comments

@asans
Copy link

asans commented Mar 23, 2015

Per Material Design guidelines, there should be spacing (8px) between the two text based buttons. This is similar to how md-dialog is designed to space out the buttons. However, md-card does not contain styles to do this.

It's possible (and probably easier) to just copy the md-dialog styles over. Something like below would work out.

<md-card>
<div class="md-actions">
<md-button>Text</md-button>
<md-button>Text 2</md-button>
</div>
</md-card>
@ThomasBurleson
Copy link
Contributor

Please post this in the Angular Material Forum

@marcysutton
Copy link
Contributor

mdCard does have button styles specified, see the design spec: http://www.google.com/design/spec/components/cards.html#cards-content

I'm actually in the middle of working on button styles that will add margins to our buttons to match the design spec. Going to reopen this issue to capture that work.

@marcysutton marcysutton reopened this Mar 23, 2015
@ajoslin ajoslin closed this as completed Mar 23, 2015
@marcysutton marcysutton reopened this Mar 23, 2015
@marcysutton marcysutton self-assigned this Mar 23, 2015
@marcysutton marcysutton added this to the 0.9.0 milestone Mar 23, 2015
marcysutton pushed a commit that referenced this issue Mar 24, 2015
Also includes .md-mini documentation

Closes #1607, #2009, #1690
@ThomasBurleson
Copy link
Contributor

I think we need to add css for

md-card  md-button  {

}

@ThomasBurleson ThomasBurleson modified the milestones: 0.10.0, 0.9.0 Mar 24, 2015
marcysutton pushed a commit that referenced this issue Mar 27, 2015
Also includes .md-mini documentation

Closes #1607, #2009, #1690
marcysutton pushed a commit that referenced this issue Mar 27, 2015
Includes component fixes after global CSS updates

Closes #1607, #1687, #1690, #1832, #1907, #1987, #2009
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

4 participants