1

I would like to vertically align the buttons of my md-radio-button group with their labels.

This is my HTML:

<md-radio-group ng-model="merchant.type">

    <md-radio-button value="small">Eine Niederlassung</md-radio-button>
    <md-radio-button value="medium">2-5 Niederlassungen</md-radio-button>
    <md-radio-button value="large">6 oder mehr Niederlassungen</md-radio-button>

</md-radio-group>

The output is:

Output

Any idea how the labels can be properly vertically aligned with their buttons?

Onestone
  • 609
  • 2
  • 10
  • 23
  • Here are some links they may help you [md-radio-button](http://codepen.io/pen/) and [Angular Material radio buttons](https://material.angularjs.org/latest/demo/radioButton) – srinivas.ln Oct 17 '16 at 15:12
  • 1
    Check this out! http://stackoverflow.com/questions/31114973/how-to-align-the-radio-buttons-horizontally-in-angular-material – Gowthaman Oct 17 '16 at 16:43

1 Answers1

0

Nevermind, the issue was that the radio buttons were in a div like so:

<div layout="column" class="md-inline-form" ng-cloak>

I moved them outside of this div, and it now works!

jojo
  • 1,135
  • 1
  • 15
  • 35
Onestone
  • 609
  • 2
  • 10
  • 23