Skip to content

Commit

Permalink
fix(lists): Fix alignment of secondary icons/controls.
Browse files Browse the repository at this point in the history
Icons and controls (like checkbox and switch) were incorrectly
positioned. Fix by ensuring that they are all right-aligned.

Fixes angular#3699. Closes angular#5533.
  • Loading branch information
topherfangio authored and ThomasBurleson committed Nov 4, 2015
1 parent 821d1a3 commit 3b835ca
Showing 1 changed file with 13 additions and 1 deletion.
14 changes: 13 additions & 1 deletion src/components/list/list.scss
Original file line number Diff line number Diff line change
Expand Up @@ -135,11 +135,18 @@ md-list-item, md-list-item .md-list-item-inner {

md-checkbox.md-secondary,
md-switch.md-secondary {
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
}

md-checkbox.md-secondary {
margin-right: 0;
}

md-switch.md-secondary {
margin-right: -6px;
}

button.md-button.md-secondary-container {
background-color: transparent;
align-self: center;
Expand All @@ -150,6 +157,11 @@ md-list-item, md-list-item .md-list-item-inner {
.md-ripple-container {
border-radius: 50%;
}

&.md-icon-button {
// Make icon buttons align with checkboxes and other controls
margin-right: -12px;
}
}

.md-secondary-container,
Expand Down

0 comments on commit 3b835ca

Please sign in to comment.