From 5e3b827489608a1c4d168fe9490893733f9517f7 Mon Sep 17 00:00:00 2001
From: Sudhanshu Gautam <me@sudhanshug.com>
Date: Sun, 25 Aug 2019 20:08:18 +0530
Subject: [PATCH] Change the order of the image build indicator.

As suggested my @aparcar, the order for the text, button and
indicator is changed.
Fixes #6

Signed-off-by: Sudhanshu Gautam <me@sudhanshug.com>
---
 src/containers/home/home.js | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/containers/home/home.js b/src/containers/home/home.js
index 53dbdb5..c51379c 100644
--- a/src/containers/home/home.js
+++ b/src/containers/home/home.js
@@ -575,8 +575,13 @@ class Home extends React.Component {
                           {
                             this.state.isBuilding && (
                               <>
-                                <CircularProgress size={20} style={{verticalAlign: 'middle'}}/>
+                                <Button variant="outlined" size="small"
+                                  onClick={this.cancelBuild}>
+                                      &nbsp;
+                                  {this.props.t('Cancel')}
+                                </Button>
                                 &nbsp;
+                                <CircularProgress size={20} style={{verticalAlign: 'middle'}}/>
                                 Building image
                                 {
                                   this.state.queuePosition !== -1 && (
@@ -584,12 +589,7 @@ class Home extends React.Component {
                                   )
                                 }
                                 ...
-                                &nbsp;
-                                <Button variant="outlined" size="small"
-                                  onClick={this.cancelBuild}>
-                                      &nbsp;
-                                  {this.props.t('Cancel')}
-                                </Button>
+                                
                               </>
                             )
                           }