Aligning buttons in a list


#1

I’m displaying a list of buttons however they don’t align properly:

As you can see (especially when looking at the divider lines) there is some sort of padding on the left side.

My code for displaying this list:

<ion-content>
  <ion-list>
    <button ion-item *ngFor="let entry of entries" (click)="goToEntryDetailsPage($event, entry.group_id)">
      <!--{{entry.group_id}} {{entry.sub_id}} -->
      <h3>{{entry.base_lang}}</h3>
      <p>{{entry.translation}}</p>
    </button>
  </ion-list>
</ion-content>

Can someone help me?