fix the loading animation

Breeze.UI/src/scss/_custom.scss

@@ -536,23 +536,24 @@ $curve: cubic-bezier(0.650, 0.000, 0.450, 1.000);
 
 // Loading spinner
 .spinner {
-  width: 40px;
-  height: 40px;
+  width: 30px;
+  height: 30px;
 
   position: relative;
   margin: 0 auto;
+  margin: 1em 0;
 }
 
 .double-bounce1, .double-bounce2 {
   width: 100%;
   height: 100%;
   border-radius: 50%;
-  background-color: #333;
+  background-color: $black;
   opacity: 0.6;
   position: absolute;
   top: 0;
   left: 0;
-  
+
   -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
   animation: sk-bounce 2.0s infinite ease-in-out;
 }
@@ -568,10 +569,10 @@ $curve: cubic-bezier(0.650, 0.000, 0.450, 1.000);
 }
 
 @keyframes sk-bounce {
-  0%, 100% { 
+  0%, 100% {
     transform: scale(0.0);
     -webkit-transform: scale(0.0);
-  } 50% { 
+  } 50% {
     transform: scale(1.0);
     -webkit-transform: scale(1.0);
   }

Breeze.UI/src/styles.css

@@ -870,17 +870,18 @@ input.cmn-toggle-round-flat:checked + label:after {
 }
 
 .spinner {
-  width: 40px;
-  height: 40px;
+  width: 30px;
+  height: 30px;
   position: relative;
   margin: 0 auto;
+  margin: 1em 0;
 }
 
 .double-bounce1, .double-bounce2 {
   width: 100%;
   height: 100%;
   border-radius: 50%;
-  background-color: #333;
+  background-color: #2E475C;
   opacity: 0.6;
   position: absolute;
   top: 0;