From 677db8cfc197b6b1446d8fdbd9b45f97efca4d22 Mon Sep 17 00:00:00 2001 From: Kristiyan Kostadinov Date: Fri, 22 Feb 2019 16:04:55 +0100 Subject: [PATCH] fix(radio): underlying label not expanding to width of radio button (#14895) Fixes the `label` inside a `mat-radio-button` not expanding to the width of the radio button, reducing the clickable area. Fixes #14894. --- src/lib/radio/radio.scss | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/lib/radio/radio.scss b/src/lib/radio/radio.scss index b1e1f310220..a665dd4be57 100644 --- 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.