diff --git a/src/js/controllers/feedback/rateCard.js b/src/js/controllers/feedback/rateCard.js index 53504b8de..46d788659 100644 --- a/src/js/controllers/feedback/rateCard.js +++ b/src/js/controllers/feedback/rateCard.js @@ -3,6 +3,7 @@ angular.module('copayApp.controllers').controller('rateCardController', function($scope, $state, $timeout, gettextCatalog, platformInfo, storageService) { $scope.isCordova = platformInfo.isCordova; + $scope.score = 0; $scope.goFeedbackFlow = function() { if ($scope.isModal) { diff --git a/src/sass/views/feedback/complete.scss b/src/sass/views/feedback/complete.scss index f7a7a5277..40f64a9ad 100644 --- a/src/sass/views/feedback/complete.scss +++ b/src/sass/views/feedback/complete.scss @@ -19,10 +19,21 @@ } .subtitle { padding: 10px 30px 20px 40px; - .image { - text-align: center; - padding: 30px; - } + } + .icon-svg > img { + height: 16rem; + width: 16rem; + } + .socialsharing-icon { + display: inline-block; + width: 50px; + height: 50px; + border-radius: 50%; + } + .addressbook-icon-svg { + display: inline-block; + width: 50px; + height: 50px; } .share-buttons { bottom: 0; diff --git a/src/sass/views/feedback/rateApp.scss b/src/sass/views/feedback/rateApp.scss index 779cffd67..d90f5700d 100644 --- a/src/sass/views/feedback/rateApp.scss +++ b/src/sass/views/feedback/rateApp.scss @@ -4,11 +4,17 @@ margin: 10px; color: #667; } + .icon-svg > img { + width: 80px; + height: 80px; + margin-right: 30px; + margin-top: 15px; + } .title { font-size: 20px; font-weight: bold; color: $dark-gray; - margin: 40px 10px; + margin: 40px 10px 10px; text-align: center; } .subtitle { diff --git a/src/sass/views/feedback/rateCard.scss b/src/sass/views/feedback/rateCard.scss index 9d01ea078..d141ca633 100644 --- a/src/sass/views/feedback/rateCard.scss +++ b/src/sass/views/feedback/rateCard.scss @@ -1,20 +1,12 @@ #rate-card { - .stars { - display: flex; - border-bottom: none; - .button { - background-color: #fff; - outline: none; - border: none; - height:10px; - width:10px; - } - .gold { - color: #ffd700; - } - .subtle-gray { - color: $subtle-gray; - } + .row { + border: none; + } + .row.row-margin{ + margin: 20px 0px 20px 0px; + } + .item-icon-right { + margin: 0; } .feedback-flow-button { padding: 20px; diff --git a/src/sass/views/feedback/send.scss b/src/sass/views/feedback/send.scss index 33b1720ca..2a0f9a210 100644 --- a/src/sass/views/feedback/send.scss +++ b/src/sass/views/feedback/send.scss @@ -1,5 +1,8 @@ #send-feedback { background-color: #ffffff; + .row { + border: none; + } .skip { margin: 20px 20px 10px; color: #667; @@ -11,18 +14,6 @@ font-weight: bold; color: $dark-gray; } - .star { - a { - font-size: 25px; - padding: 20px; - .gold { - color: #ffd700; - } - .subtle-gray { - color: $subtle-gray; - } - } - } .comment { padding: 20px; font-size: 1rem; diff --git a/www/views/feedback/complete.html b/www/views/feedback/complete.html index 36a47296c..c8eb2b230 100644 --- a/www/views/feedback/complete.html +++ b/www/views/feedback/complete.html @@ -5,8 +5,8 @@