From ed24ec194ebda68c7575f5ad6898d0952f4fa5c1 Mon Sep 17 00:00:00 2001
From: diminator <dimi.dejonghe@gmail.com>
Date: Thu, 15 Oct 2015 15:24:40 +0200
Subject: [PATCH] added PR comments

---
 .../ascribe_forms/form_unconsign_request.js   |  8 ++---
 sass/ascribe_spinner.scss                     | 29 +++++++++----------
 2 files changed, 16 insertions(+), 21 deletions(-)

diff --git a/js/components/ascribe_forms/form_unconsign_request.js b/js/components/ascribe_forms/form_unconsign_request.js
index 9d8e33db..2cf6ba32 100644
--- a/js/components/ascribe_forms/form_unconsign_request.js
+++ b/js/components/ascribe_forms/form_unconsign_request.js
@@ -44,11 +44,9 @@ let UnConsignRequestForm = React.createClass({
                     </div>}
                 spinner={
                     <div className="modal-footer">
-                        <div className="modal-footer">
-                            <p className="pull-right">
-                                <AscribeSpinner color='dark-blue' size='md'/>
-                            </p>
-                        </div>
+                        <p className="pull-right">
+                            <AscribeSpinner color='dark-blue' size='md'/>
+                        </p>
                     </div>}>
                 <Property
                     name='unconsign_request_message'
diff --git a/sass/ascribe_spinner.scss b/sass/ascribe_spinner.scss
index 1a700411..c16258c0 100644
--- a/sass/ascribe_spinner.scss
+++ b/sass/ascribe_spinner.scss
@@ -37,9 +37,11 @@ $ascribe--spinner-size-sm: 15px;
 }
 
 .spinner-wrapper-loop {
-    animation: spinner-color-loop 20s;
-    -moz-animation: spinner-color-loop 20s infinite;
     -webkit-animation: spinner-color-loop 20s infinite;
+       -moz-animation: spinner-color-loop 20s infinite;
+         -o-animation: spinner-color-loop 20s infinite;
+            animation: spinner-color-loop 20s;
+
 }
 
 .spinner-wrapper-black {
@@ -65,10 +67,7 @@ $ascribe--spinner-size-sm: 15px;
 }
 
 .spinner-circle {
-    -webkit-border-radius: 50%;
-       -moz-border-radius: 50%;
-            border-radius: 50%;
-
+    border-radius: 50%;
     border-style: solid;
 
     -webkit-animation: spin 1s infinite linear;
@@ -76,22 +75,27 @@ $ascribe--spinner-size-sm: 15px;
          -o-animation: spin 1s infinite linear;
             animation: spin 1s infinite linear;
 }
-
+.spinner-wrapper-lg .spinner-inner,
 .spinner-wrapper-lg .spinner-circle {
     width: $ascribe--spinner-size-lg;
     height: $ascribe--spinner-size-lg;
-    border-width: 1px 1px 1px 0;
 }
 
+.spinner-wrapper-md .spinner-inner,
 .spinner-wrapper-md .spinner-circle {
     width: $ascribe--spinner-size-md;
     height: $ascribe--spinner-size-md;
-    border-width: 1px 1px 1px 0;
 }
 
+.spinner-wrapper-sm .spinner-inner,
 .spinner-wrapper-sm .spinner-circle {
     width: $ascribe--spinner-size-sm;
     height: $ascribe--spinner-size-sm;
+}
+
+.spinner-wrapper-lg .spinner-circle,
+.spinner-wrapper-sm .spinner-circle,
+.spinner-wrapper-md .spinner-circle {
     border-width: 1px 1px 1px 0;
 }
 
@@ -99,26 +103,19 @@ $ascribe--spinner-size-sm: 15px;
     position: relative;
     text-align: center;
 }
-
 .spinner-wrapper-lg .spinner-inner {
     font-size: $ascribe--spinner-size-lg;
     top: -64px;
-    height: $ascribe--spinner-size-lg;
-    width: $ascribe--spinner-size-lg;
 }
 
 .spinner-wrapper-md .spinner-inner {
     font-size: $ascribe--spinner-size-md;
     top: -38px;
-    height: $ascribe--spinner-size-md;
-    width: $ascribe--spinner-size-md;
 }
 
 .spinner-wrapper-sm .spinner-inner {
     font-size: $ascribe--spinner-size-sm;
     top: -19px;
-    height: $ascribe--spinner-size-sm;
-    width: $ascribe--spinner-size-sm;
 }
 
 @-webkit-keyframes spin {