From 9ad5a95197d438bf5b88054d49e348bbe585d13f Mon Sep 17 00:00:00 2001
From: Parth Parth <34807532+thecodingaviator@users.noreply.github.com>
Date: Mon, 16 Dec 2019 17:10:55 +0530
Subject: [PATCH] fix: re-order and update sign in CTA styles on completion
 modal (#37884)

---
 .../Challenges/components/CompletionModal.js  | 20 +++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/client/src/templates/Challenges/components/CompletionModal.js b/client/src/templates/Challenges/components/CompletionModal.js
index e94684fb5a..663ed6fc3e 100644
--- a/client/src/templates/Challenges/components/CompletionModal.js
+++ b/client/src/templates/Challenges/components/CompletionModal.js
@@ -216,6 +216,16 @@ export class CompletionModalInner extends Component {
           />
         </Modal.Body>
         <Modal.Footer>
+          {isSignedIn ? null : (
+            <Login
+              block={true}
+              bsSize='lg'
+              bsStyle='primary'
+              className='btn-cta'
+            >
+              Sign in to save your progress
+            </Login>
+          )}
           <Button
             block={true}
             bsSize='large'
@@ -225,16 +235,6 @@ export class CompletionModalInner extends Component {
             {isSignedIn ? 'Submit and g' : 'G'}o to next challenge{' '}
             <span className='hidden-xs'>(Ctrl + Enter)</span>
           </Button>
-          {isSignedIn ? null : (
-            <Login
-              block={true}
-              bsSize='lg'
-              bsStyle='primary'
-              className='btn-invert'
-            >
-              Sign in to save your progress
-            </Login>
-          )}
           {this.state.downloadURL ? (
             <Button
               block={true}