Amazon gift card

public/views/amazon.html

@@ -1,54 +1,38 @@
+<ion-view>
+  <ion-nav-bar class="bar-stable">
+    <ion-nav-buttons side="primary">
+      <button class="button no-border" ui-sref="tabs.home">
+        Close
+      </button>
+    </ion-nav-buttons>
+    <ion-nav-title>Gift cards</ion-nav-title>
+  </ion-nav-bar>
 
-<div class="topbar-container">
-  <nav ng-controller="topbarController as topbar"
-       class="tab-bar">
-    <section class="left-small">
-      <a class="p10"
-         ng-click="topbar.goHome()">
-        <span class="text-close">Close</span>
-      </a>
-    </section>
+  <ion-content ng-controller="amazonController as amazon" ng-init="amazon.init()">
 
-    <section class="middle tab-bar-section">
-      <h1 class="title ellipsis">
-        Gift cards
-      </h1>
-    </section>
-  </nav>
-</div>
-
-<div class="content amazon p20b" ng-controller="amazonController as amazon">
-
-  <div ng-init="amazon.init()">
-
-    <div class="box-notification text-center size-12 text-warning" ng-show="amazon.sandbox">
-      <i class="fi-info"></i>
+    <div ng-show="amazon.sandbox">
+      <i class="icon ion-information-circled"></i>
       Sandbox version. Only for testing purpose
     </div>
 
     <div class="m20t text-center" ng-click="amazon.updatePendingGiftCards()">
       <img src="img/GCs-logo-cllb.png" alt="Amazon.com Gift Card" width="200">
-      <div class="size-10 m5t text-gray"><b>Only</b> redeemable on www.amazon.com (USA website)</div>
+      <div class="size-11 m10t"><b>Only</b> redeemable on www.amazon.com (USA website)</div>
     </div>
 
-    <div ng-if="!giftCards" class="m20t text-center size-12">
+    <div ng-if="!giftCards" class="m20t padding text-center">
 
-      <div class="row">
-        <div class="columns">
-          <button class="m20t button black round expand"
-                  ui-sref="buyAmazon">
-            Buy now
-          </button>
-        </div>
-      </div>
+      <button class="button button-positive" ui-sref="amazon.buy">
+        Buy now
+      </button>
 
-      <div class="text-left p10h m30v">
+      <div class="text-left m30v">
         Amazon.com Gift Cards never expire and can be redeemed towards millions of items at
         <a ng-click="$root.openExternalLink('https://www.amazon.com')">www.amazon.com</a>
       </div>
     </div>
 
-    <div class="p20t" ng-if="giftCards">
+    <div class="m20t" ng-if="giftCards">
       <ul class="no-bullet m0 size-14">
         <li class="line-b line-t p10 pointer" href ui-sref="buyAmazon">
           <i class="fi-shopping-cart size-24 m5l vm dib"></i>
@@ -61,7 +45,7 @@
       <h4 class="title">Your cards</h4>
       <div ng-repeat="(id, item) in giftCards | orderObjectBy:'date':true track by $index"
            ng-click="amazon.openCardModal(item)"
-        class="row collapse last-transactions-content size-12">
+           class="row collapse last-transactions-content size-12">
         <div class="large-2 medium-2 small-2 columns">
           <img src="img/a-smile_color_btn.png" alt="{{id}}" width="40">
         </div>
@@ -82,7 +66,6 @@
         </div>
       </div>
     </div>
-  </div>
+  </ion-content>
+</ion-view>
 
-  <div class="extra-margin-bottom"></div>
-</div>