Use existing spinner icon

resources/frontend_client/app/admin/metadata/components/MetadataHeader.react.js

@@ -3,6 +3,7 @@
 import PopoverWithTrigger from '../../../query_builder/popover_with_trigger.react';
 import ColumnarSelector from '../../../query_builder/columnar_selector.react';
 import Icon from '../../../query_builder/icon.react';
+import LoadingIcon from '../../../components/icons/loading.react';
 
 export default React.createClass({
     displayName: "MetadataHeader",
@@ -75,7 +76,7 @@ export default React.createClass({
 
     renderSaveWidget: function() {
         if (this.state.saving) {
-            return (<div className="mx2 px2 border-right"><div className="Spinner"></div></div>);
+            return (<div className="mx2 px2 border-right"><LoadingIcon width="24" height="24" /></div>);
         } else if (this.state.error) {
             return (<div className="mx2 px2 border-right text-error">Error: {this.state.error}</div>)
         } else if (this.state.recentlySavedTimeout != null) {

resources/frontend_client/app/css/admin.css

@@ -348,23 +348,6 @@
     color: white !important;
 }
 
-.Spinner {
-  width: 24px;
-  height: 24px;
-  border-radius: 99px;
-  border: 3px solid rgba(111,122,139,0.25);
-  border-left: 3px solid rgba(111,122,139,1.0);
-  animation-name: spin;
-  animation-duration: 1s;
-  animation-iteration-count: infinite;
-  animation-timing-function: linear;
-}
-
-@keyframes spin {
-  from { transform: rotate(0deg); }
-  to { transform: rotate(360deg); }
-}
-
 .Toggle {
     margin: 0.5em;