diff --git a/src/js/controllers/feedback/complete.js b/src/js/controllers/feedback/complete.js index f50c5df13..c4313e9d8 100644 --- a/src/js/controllers/feedback/complete.js +++ b/src/js/controllers/feedback/complete.js @@ -7,27 +7,27 @@ angular.module('copayApp.controllers').controller('completeController', function var config = configService.getSync(); $scope.shareFacebook = function() { - window.plugins.socialsharing.shareVia($scope.shareFacebookVia, config.download.url, null, null, null, null, null); + window.plugins.socialsharing.shareVia($scope.shareFacebookVia, null, null, null, config.download.url); }; $scope.shareTwitter = function() { - window.plugins.socialsharing.shareVia($scope.shareTwitterVia, config.download.url, null, null, null, null, null); + window.plugins.socialsharing.shareVia($scope.shareTwitterVia, null, null, null, config.download.url); }; $scope.shareGooglePlus = function() { - window.plugins.socialsharing.shareVia($scope.shareGooglePlusVia, config.download.url, null, null, null); + window.plugins.socialsharing.shareVia($scope.shareGooglePlusVia, config.download.url); }; $scope.shareEmail = function() { - window.plugins.socialsharing.shareViaEmail(config.download.url, null, null, null); + window.plugins.socialsharing.shareViaEmail(config.download.url); }; $scope.shareWhatsapp = function() { - window.plugins.socialsharing.shareViaWhatsApp(config.download.url, null, null, null); + window.plugins.socialsharing.shareViaWhatsApp(config.download.url); }; $scope.shareMessage = function() { - window.plugins.socialsharing.shareViaSMS(config.download.url, null, null, null); + window.plugins.socialsharing.shareViaSMS(config.download.url); }; $scope.$on("$ionicView.beforeEnter", function(event, data) { diff --git a/src/sass/views/feedback/complete.scss b/src/sass/views/feedback/complete.scss index 240110ad1..52de5bea7 100644 --- a/src/sass/views/feedback/complete.scss +++ b/src/sass/views/feedback/complete.scss @@ -1,13 +1,21 @@ #complete { background-color: #ffffff; - .item-heading { - border-style: none; - margin-top: 10px; - a { - color: $dark-gray; - } - i { - font-size: 40px; + .close-button { + color: $dark-gray; + position: absolute; + top: 10px; + right: 15px; + font-size: 36px; + } + .complete-layout { + display: flex; + flex-direction: column; + height: 100%; + &__expand { + display: flex; + flex-grow: 1; + align-items: center; + justify-content: center; } } .title { @@ -18,7 +26,7 @@ text-align: center; } .subtitle { - padding: 10px 30px 20px 40px; + padding: 10px 30px 20px; text-align: center; color: $mid-gray; } @@ -29,9 +37,7 @@ } .socialsharing-icon { display: inline-block; - width: 50px; - height: 50px; - border-radius: 50%; + width: 60px; } .addressbook-icon-svg { display: inline-block; @@ -39,21 +45,14 @@ height: 50px; } .share-buttons { - bottom: 0; - width: 100%; - position: absolute; - padding: 20px; + padding: 50px 10px; background-color: $subtle-gray; - .row { - margin: 20px 0px 20px; - span { - margin-top: 15px; - display: block; - } - div { - text-align: center; - width: 100%; - } - } + text-align: center; + } + .share-buttons__action { + display: inline-block; + color: #667; + font-size: .9rem; + width: 90px; } } diff --git a/www/views/feedback/complete.html b/www/views/feedback/complete.html index 238c82505..37e450e85 100644 --- a/www/views/feedback/complete.html +++ b/www/views/feedback/complete.html @@ -1,8 +1,6 @@ -
- -
+
Invite friends to BitPay!
@@ -11,7 +9,7 @@
-
+
Share the love by inviting your friends.
@@ -53,37 +51,37 @@