Grid system inside ion-item

@ddelfio wrote:

Hi guys,
I can't figure out why my grid system that I'm trying to build inside a list doesn't work.

I have to put some "tags" inside a column that belong to an item:

<ion-item>
                <div class="row responsive-sm">
                    <div class="col">
                        <strong>Materie</strong>
                    </div>
                    <div class="col padding">
                        <div class="row responsive-sm">
                            <div ng-if="materieArray && infoDelibera.categories" class="col col-33 padding" ng-repeat="materia in infoDelibera.categories">
                                <button class="button button-small button-dark icon-left ion-pound">{{materia.nome}}</button>
                            </div>
                            <div ng-if="!materieArray && infoDelibera.categories" class="col col-33 padding">
                                <button class="button button-small button-dark icon-left ion-pound">{{infoDelibera.categories.nome}}</button>
                            </div>
                        </div>
                    </div>
                </div>
            </ion-item>

and the result is (the materie row) is that the buttons are overlapped and don't respect the column boundaries. Why this happens?

Thank you

Posts: 7

Participants: 2

Read full topic