Ion-list and item looks different between Ionic Creator and simulation device?


#1

First time using Ionic. Created a simple list in Ionic Creator as shown below

and then exported the zip code and paste the list html to my visual studio ionic project. Run the project with Simulate in browser (chrome) in Galaxy S5 and the list looks different

These are the list codes

  <ion-list id="home-list1">
    <ion-item-divider color="light" id="home-list-item-divider1">
      List 1
    </ion-item-divider>
    <ion-item color="none" id="home-list-item8">
      <ion-icon name="ionic" item-left></ion-icon>
      Item 1
      <ion-icon name="arrow-dropright" item-right></ion-icon>
    </ion-item>
    <ion-item color="none" id="home-list-item9">
      <ion-icon name="ionic" item-left></ion-icon>
      Item 2
      <ion-icon name="arrow-dropright" item-right></ion-icon>
    </ion-item>
  </ion-list>

Why does it look different?