Added CSS3 animation on Remote Validation

Author: ghiscoding

templates/testingFormDirective.html

@@ -20,9 +20,9 @@ <h4><strong>{{ 'ERRORS' | translate }}!</strong></h4>
         <div class="form-group">
             <label for="input1">{{ 'INPUT1' | translate }}</label>
             <input type="text" class="form-control" name="input1" placeholder="alpha|min_len:2|remote:customRemoteValidationCall|required" validation="alpha|min_len:2|remote:customRemoteValidationCall|required" ng-model="input1" />
-            <div ng-if="form1.input1.$processing">
+            <span ng-if="form1.input1.$processing">
               <span class="glyphicon glyphicon-cog spinning"></span>
-            </div>
+            </span>
         </div>
         <div class="form-group">
             <label for="input2">{{ 'INPUT2' | translate }}</label>

templates/testingFormService.html

@@ -25,9 +25,9 @@ <h4><strong>{{ 'ERRORS' | translate }}!</strong></h4>
         <div class="form-group">
             <label for="input1">{{ 'INPUT1' | translate }}</label>
             <input type="text" class="form-control" name="input1" placeholder="alpha|min_len:2|remote:customRemoteValidationCall|required" ng-model="input1" />
-            <div ng-if="form1.input1.$processing">
+            <span ng-if="form1.input1.$processing">
               <span class="glyphicon glyphicon-cog spinning"></span>
-            </div>
+            </span>
         </div>
         <div class="form-group">
             <label for="input2">{{ 'INPUT2' | translate }}</label>