Значок в боковом меню подчеркнут / слишком большой?

Question

Я сделал боковое меню с иконками и добавил активный класс, чтобы изменить цвет выбранной страницы.

Все работает нормально, просто на iOS и Android это черное подчеркивание или значок слишком большой. Я новичок в ионике и учусь на ходу, но эта маленькая проблема меня раздражает. Я думаю, что собираюсь сделать иконку чуть меньше на iOS и Android, чтобы она работала?

Любая помощь будет оценена.

Здесь вы можете увидеть проблему, о которой я говорю.

App.html

<ion-content>
<ion-list>
  <button ion-item *ngFor="let p of pages" (click)="openPage(p)" [color]="p.color">
    <ion-icon item-start [name]="p.icon" ></ion-icon>
    {{p.title}}
  </button>
</ion-list>

App.component.ts

openPage(page) {
// close the menu when clicking a link from the menu
this.menu.close();
// navigate to the new page if it is not the current page 
this.nav.setRoot(page.component);
// Color for the active item
page.color='dark';

for (let p of this.pages) {

  if(p.title==page.title){
    p.color='dark';
  }else{
    p.color='';
  }
}

Answer 1

Хорошо, я нашел ответ на свой вопрос, мне следовало еще немного изучить, прежде чем задавать вопрос.

Все, что мне нужно было сделать, это добавить свойство "no-lines" в теге списка ионов.

<ion-content>
<ion-list no-lines>
  <button ion-item *ngFor="let p of pages" (click)="openPage(p)" [color]="p.color">
    <ion-icon item-start [name]="p.icon" ></ion-icon>
    {{p.title}}
  </button>
</ion-list>

как убрать подчеркивание в боковом меню ionic 2