Now using smaller spinner image for status indicator

To make the status indicator appear smaller, even in IE8 that doesn't
support background-size, there is no a smaller animated gif
"loading-small" for that purpose.

apps/files_external/css/settings.css

@@ -4,9 +4,6 @@ td.status > span {
 	width: 16px;
 	vertical-align: text-bottom;
 }
-span.loading{
-	background-size: 16px 16px;
-}
 span.success {
 	background: #37ce02;
 	border-radius: 8px;

apps/files_external/js/settings.js

@@ -1,7 +1,7 @@
 (function(){
 
 function updateStatus(statusEl, result){
-	statusEl.removeClass('success error loading');
+	statusEl.removeClass('success error loading-small');
 	if (result && result.status == 'success' && result.data.message) {
 		statusEl.addClass('success');
 		return true;
@@ -71,7 +71,7 @@ OC.MountConfig={
 						}
 						users.push(applicable);
 					}
-					statusSpan.addClass('loading').removeClass('error success');
+					statusSpan.addClass('loading-small').removeClass('error success');
 					$.ajax({type: 'POST',
 						url: OC.filePath('files_external', 'ajax', 'addMountPoint.php'),
 						data: {
@@ -124,7 +124,7 @@ OC.MountConfig={
 				var isPersonal = true;
 				var mountType = 'user';
 				var applicable = OC.currentUser;
-				statusSpan.addClass('loading').removeClass('error success');
+				statusSpan.addClass('loading-small').removeClass('error success');
 				$.ajax({type: 'POST',
 					url: OC.filePath('files_external', 'ajax', 'addMountPoint.php'),
 					data: {

core/css/styles.css

@@ -745,6 +745,7 @@ a.bookmarklet { background-color:#ddd; border:1px solid #ccc; padding:5px;paddin
 span.ui-icon {float: left; margin: 3px 7px 30px 0;}
 
 .loading { background: url('../img/loading.gif') no-repeat center; cursor: wait; }
+.loading-small { background: url('../img/loading-small.gif') no-repeat center; cursor: wait; }
 .move2trash { /* decrease spinner size */
 	width: 16px;
 	height: 16px;