Vertically align checkbox and text on different columns

@remdelpatron wrote:

Hello there !

I have a small problem with my todo list in ionic : the checkbox and the text are not vertically aligned as you can see.

The two are in different columns like this :

<div class="col col-25">
<label class="checkbox no-padding">
<input class="no-padding" type="checkbox" ng-model="todo.done" ng-checked="todo.done" ng-change="updateTodos();">
</label>
</div>
<div class="col col-75 no-side-padding left">
<label class="checkbox no-padding">
{{todo.name}}
</label>
</div>

And I can't figure out how I can vertically align them, does anyone have an idea on how I can fix this ?

Thanks in advance for your help

Rem

Posts: 2

Participants: 2

Read full topic