fix(feedback): improve design on iOS

src/js/controllers/feedback/complete.js

@@ -31,6 +31,10 @@ angular.module('copayApp.controllers').controller('completeController', function
   };
 
   $scope.$on("$ionicView.beforeEnter", function(event, data) {
+    if(window.StatusBar){
+      StatusBar.show();
+    }
+
     storageService.getFeedbackInfo(function(error, info) {
       var feedbackInfo = JSON.parse(info);
       feedbackInfo.sent = true;
@@ -78,4 +82,10 @@ angular.module('copayApp.controllers').controller('completeController', function
       }
     }, 100);
   });
+
+  $scope.$on("$ionicView.afterLeave", function(event, data) {
+    if(window.StatusBar){
+      StatusBar.show();
+    }
+  });
 });

src/js/controllers/feedback/send.js

@@ -57,11 +57,11 @@ angular.module('copayApp.controllers').controller('sendController', function($sc
         break;
       case 5:
         $scope.reaction = gettextCatalog.getString("Thank you!");
-        $scope.comment = gettextCatalog.getString("We're always looking for ways to improve BitPay wallet.") + ' ' + gettextCatalog.getString("Is there anything we could do better?");
+        $scope.comment = gettextCatalog.getString("We're always looking for ways to improve BitPay.") + ' ' + gettextCatalog.getString("Is there anything we could do better?");
         break;
       default:
         $scope.reaction = gettextCatalog.getString("Feedback!");
-        $scope.comment = gettextCatalog.getString("We're always looking for ways to improve BitPay wallet. How could we improve your experience?");
+        $scope.comment = gettextCatalog.getString("We're always looking for ways to improve BitPay. How could we improve your experience?");
         break;
     }
   });

src/sass/views/feedback/complete.scss

@@ -20,6 +20,7 @@
   .subtitle {
     padding: 10px 30px 20px 40px;
     text-align: center;
+    color: $mid-gray;
   }
   .icon-svg > img {
     height: 16rem;

src/sass/views/feedback/rateApp.scss

@@ -1,7 +1,7 @@
 #rate-app {
   background-color: #ffffff;
   .skip {
-    margin: 10px;
+    margin-top: 15px;
     color: #667;
   }
   .icon-svg > img {
@@ -18,6 +18,7 @@
   }
   .subtitle {
     padding: 10px 30px 20px 40px;
+    color: #667;
   }
   .buttons {
     bottom: 0;

src/sass/views/feedback/send.scss

@@ -1,13 +1,13 @@
 #send-feedback {
   background-color: #ffffff;
   .row {
-    padding: 20px;
     border: none;
   }
   .skip {
-    margin: 8px 20px 10px;
+    color: rgba(255, 255, 255, 0.3);
-    color: #667;
+  }
-    text-decoration: none;
+  .feedback-heading {
+    padding-top: 20px
   }
   .title {
     padding-left: 10px;
@@ -20,17 +20,17 @@
     padding-right: 15px;
   }
   .comment {
-    padding: 20px;
+    padding: 0 20px 20px;
     font-size: 1rem;
     line-height: 1.5em;
     font-weight: 300;
     color: $dark-gray;
   }
-  textarea {
+  .user-feedback {
-    padding: 20px;
     border-top: 1px solid $subtle-gray;
     padding: 20px;
     width: 100%;
+    height: 6rem;
   }
   .send-feedback-star {
     height: 1rem;

www/views/feedback/complete.html

@@ -5,7 +5,7 @@
     </div>
     <div ng-show="skipped && isCordova">
       <div ng-show="score > 3">
-        <div class="title" translate>Invite friends to BitPay Wallet!</div>
+        <div class="title" translate>Invite friends to BitPay!</div>
         <div class="text-center">
           <i class="icon addressbook-icon-svg">
             <img src="img/address-book-add.svg"/>

www/views/feedback/rateApp.html

@@ -10,10 +10,10 @@
       </div>
     </div>
     <div class="subtitle text-center">
-        <span translate>5-star ratings help us get BitPay Wallet into more hands, and more users means more resoucers can be committed to the app!</span>
+        <span translate>5-star ratings help us get BitPay into more hands, and more users means more resoucers can be committed to the app!</span>
     </div>
     <div class="subtitle text-center">
-      <span class="text-bold" translate>Would you be willing to rate BitPay Wallet in the app store?</span>
+      <span class="text-bold" translate>Would you be willing to rate BitPay in the app store?</span>
     </div>
     <div class="buttons">
       <button type="submit" class="button button-standard button-primary" ng-click="goAppStore()">

www/views/feedback/rateCard.html

@@ -1,6 +1,6 @@
 <div class="card" id="rate-card" ng-controller="rateCardController">
   <div class="item item-icon-right item-heading">
-    <span translate>How do you like BitPay Wallet?</span>
+    <span translate>How do you like BitPay?</span>
     <a ng-click="hideCard()" ><i class="icon ion-ios-close-empty close-home-tip"></i></a>
   </div>
   <div class="row item item-sub" ng-class="{'row-margin': isModal}">

www/views/feedback/send.html

@@ -1,11 +1,15 @@
 <ion-view id="send-feedback">
-  <ion-nav-bar class="bar-royal" ng-show="!score">
+  <ion-nav-bar class="bar-royal">
-    <ion-nav-back-button>
+    <ion-nav-back-button ng-if="!score">
     </ion-nav-back-button>
+    <ion-nav-buttons side="right">
+      <button class="button button-clear skip" ng-click="sendFeedback(null, true)" translate>
+        Skip
+      </button>
+    </ion-nav-buttons>
   </ion-nav-bar>
-  <a class="right skip" ng-click="sendFeedback(null,true)" href translate>Skip</a>
   <ion-content class="has-header" scroll="false">
-    <div class="row item item-sub">
+    <div class="row item item-sub feedback-heading">
       <div class="col col-50">
         <div class="title">
           <span>{{reaction}}</span>
@@ -27,9 +31,7 @@
     <div class="comment">
       <span translate>{{comment}}</span>
     </div>
-    <div>
+    <textarea class="user-feedback" ng-model="feedback.value" placeholder="Your ideas, feedback, or comments"></textarea>
-      <textarea ng-model="feedback.value" placeholder="Your ideas, feedback, or comments" row="40"></textarea>
-    </div>
     <button ng-disabled="!feedback.value" type="submit" class="button button-full button-primary" ng-click="sendFeedback(feedback.value, false)" translate>
       Send
     </button>