Вертикальный список радиокнопок

Question

Как-то Material Design Lite дает только примеры горизонтальных радиокнопок в документации: https://getmdl.io/components/index.html#toggles-section/radio

Это не достаточно, если вы хотите быть мобильным, и ваши метки несколько слов.

Во всяком случае вот codepen: http://codepen.io/anon/pen/oBKPeY

Я пытался отделить детали <br> и упаковка их в <p>, но это не помогает. Думаю, какой-то трюк ниндзя может решить его.

Answer 1

Если я правильно вас понимание вы могли бы просто пересмотреть ваше правило стиля для mdl-radio на мобильных устройствах с:

.mdl-radio { 
    position: relative; 
    font-size: 16px; 
    line-height: 24px; 
    display: block; 
    vertical-align: middle; 
    box-sizing: border-box; 
    height: 24px; 
    margin: 0; 
    padding-left: 0; 
    margin-bottom: 32px; 
} 

display: block Уведомление & margin-bottom: 32px.