fix(radio): underlying label not expanding to width of radio button (#14895)

crisbeto · jelbourn · commit 677db8cfc197 · 2019-02-22T07:04:55.000-08:00
Fixes the `label` inside a `mat-radio-button` not expanding to the width of the radio button, reducing the clickable area. Fixes #14894.
diff --git a/src/lib/radio/radio.scss b/src/lib/radio/radio.scss
@@ -26,6 +26,9 @@ $mat-radio-ripple-radius: 20px;
   align-items: center;
   white-space: nowrap;
   vertical-align: middle;
+
+  // Have the label span the rest of the radio button for maximum clickable area.
+  width: 100%;
 }
 
 // Container for radio circles and ripple.

Original file line number	Diff line number	Diff line change
`@@ -26,6 +26,9 @@ $mat-radio-ripple-radius: 20px;`
`26`	`26`	`align-items: center;`
`27`	`27`	`white-space: nowrap;`
`28`	`28`	`vertical-align: middle;`
	`29`	`+`
	`30`	`+ // Have the label span the rest of the radio button for maximum clickable area.`
	`31`	`+ width: 100%;`
`29`	`32`	`}`
`30`	`33`
`31`	`34`	`// Container for radio circles and ripple.`