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

Commit 3b835ca

Browse files
topherfangioThomasBurleson
authored andcommitted
fix(lists): Fix alignment of secondary icons/controls.
Icons and controls (like checkbox and switch) were incorrectly positioned. Fix by ensuring that they are all right-aligned. Fixes #3699. Closes #5533.
1 parent 821d1a3 commit 3b835ca

File tree

1 file changed

+13
-1
lines changed

1 file changed

+13
-1
lines changed

src/components/list/list.scss

Lines changed: 13 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -135,11 +135,18 @@ md-list-item, md-list-item .md-list-item-inner {
135135

136136
md-checkbox.md-secondary,
137137
md-switch.md-secondary {
138-
margin-right: 0;
139138
margin-top: 0;
140139
margin-bottom: 0;
141140
}
142141

142+
md-checkbox.md-secondary {
143+
margin-right: 0;
144+
}
145+
146+
md-switch.md-secondary {
147+
margin-right: -6px;
148+
}
149+
143150
button.md-button.md-secondary-container {
144151
background-color: transparent;
145152
align-self: center;
@@ -150,6 +157,11 @@ md-list-item, md-list-item .md-list-item-inner {
150157
.md-ripple-container {
151158
border-radius: 50%;
152159
}
160+
161+
&.md-icon-button {
162+
// Make icon buttons align with checkboxes and other controls
163+
margin-right: -12px;
164+
}
153165
}
154166

155167
.md-secondary-container,

0 commit comments

Comments
 (0)