fix(footer): Center the share button into its background

Fixes #78
Toolwatchapp · Nov 12, 2016 · 46ed622 · 46ed622
1 parent 8fe1a2c
commit 46ed622
Showing 1 changed file with 3 additions and 5 deletions.
diff --git a/src/components/footer/footer.html b/src/components/footer/footer.html
@@ -36,21 +36,19 @@
     <ul class="menu-items">
       <li class="menu-item">
         <button  (click)="onNewWatch()" class="menu-item-button" ion-button icon-only>
-          <ion-icon class="menu-item-icon icon icon-reply" name="md-watch"></ion-icon>
-          <!-- <i class="menu-item-icon icon icon-reply fa fa-clock-o"></i> -->
+          <ion-icon class="menu-item-icon icon" name="md-watch"></ion-icon>
         </button>
         <div class="menu-item-bounce"></div>
       </li>
       <li class="menu-item">
         <button (click)="onNewMeasure()" class="menu-item-button"  ion-button icon-only>
-          <ion-icon class="menu-item-icon icon icon-box" name="ios-stopwatch-outline"></ion-icon>
+          <ion-icon class="menu-item-icon icon" name="ios-stopwatch-outline"></ion-icon>
         </button>
         <div class="menu-item-bounce"></div>
       </li>
       <li class="menu-item"> 
         <button (click)="onShare()" class="menu-item-button"  ion-button icon-only>
-          <ion-icon style="margin-left:-10px;" class="menu-item-icon icon icon-trash" name="md-heart"></ion-icon>
-           <i class="menu-item-icon icon icon-trash"></i>
+          <ion-icon class="menu-item-icon icon" name="md-heart"></ion-icon>
         </button>
         <div class="menu-item-bounce"></div>
       </li>