From 8e91167b80f2b52e18c503a1ce31ffffb588aca0 Mon Sep 17 00:00:00 2001
From: Ryan Lerch <rlerch@redhat.com>
Date: Feb 15 2018 11:13:21 +0000
Subject: stop the spinner pushing page content down web subscribing or joining a hub


in the future, we will probably want to make the spinner show in the icon
of the state button that is being updated, but this just does what we did
before, but with the new fa based spinners.

---

diff --git a/js/app/components/CompletionInput.css b/js/app/components/CompletionInput.css
index 1628fe3..6b75da3 100644
--- a/js/app/components/CompletionInput.css
+++ b/js/app/components/CompletionInput.css
@@ -28,9 +28,10 @@
   border-bottom-right-radius: 0px;
 }
 
-.CompletionInput .SpinnerCircle {
+.CompletionInput .Spinner {
   position: absolute;
   top: 0;
   right: 0;
   z-index: 2;
+  padding: .5rem;
 }
diff --git a/js/app/components/HubHeader/HubHeader.css b/js/app/components/HubHeader/HubHeader.css
index 3df0856..7e86794 100644
--- a/js/app/components/HubHeader/HubHeader.css
+++ b/js/app/components/HubHeader/HubHeader.css
@@ -20,7 +20,7 @@
 
 .HubHeader > .Spinner {
     position: absolute;
-    left: 1rem;
+    left: 50%;
 }
 
 .HubHeaderRight .btn{
diff --git a/js/app/components/Spinner/index.js b/js/app/components/Spinner/index.js
index 92513b9..4f742e7 100644
--- a/js/app/components/Spinner/index.js
+++ b/js/app/components/Spinner/index.js
@@ -5,7 +5,7 @@ export default class Spinner extends React.Component {
 
   render() {
     return (
-      <div className={this.props.className}>
+      <div className={`${this.props.className} Spinner`}>
        <i className="fa fa-circle-o-notch fa-spin fa-fw"></i>
       </div>
     );
diff --git a/js/app/widgets/halp/halp.css b/js/app/widgets/halp/halp.css
index cecc420..a224a79 100644
--- a/js/app/widgets/halp/halp.css
+++ b/js/app/widgets/halp/halp.css
@@ -84,7 +84,7 @@
 .widget-halp .view-more a {
     color: gray;
 }
-.widget-halp .ModalAllRequests .SpinnerCircle {
+.widget-halp .ModalAllRequests .Spinner {
     display: inline-block;
     vertical-align: middle;
 }