sync loading spinner

src/popup/app/settings/settingsSyncController.js

@@ -3,10 +3,13 @@
 
     .controller('settingsSyncController', function ($scope, syncService, toastr) {
         $scope.lastSync = '--';
+        $scope.loading = false;
         setLastSync();
 
         $scope.sync = function () {
+            $scope.loading = true;
             syncService.fullSync(function () {
+                $scope.loading = false;
                 toastr.success('Syncing complete');
                 setLastSync();
             });

src/popup/app/settings/views/settingsSync.html

@@ -11,6 +11,9 @@
                 Sync Vault Now
             </a>
             <small class="text-muted">Last Sync: {{lastSync}}</small>
+            <span ng-show="loading" style="display: block; margin-top: 20px;">
+                <i class="text-muted fa fa-lg fa-spinner fa-spin"></i>
+            </span>
         </p>
     </div>
 </div>