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>
This commit is contained in:
Sudhanshu Gautam 2019-08-25 20:08:18 +05:30
parent a66fa21ca3
commit 5e3b827489

View file

@ -575,8 +575,13 @@ class Home extends React.Component {
{ {
this.state.isBuilding && ( this.state.isBuilding && (
<> <>
<CircularProgress size={20} style={{verticalAlign: 'middle'}}/> <Button variant="outlined" size="small"
onClick={this.cancelBuild}>
&nbsp; &nbsp;
{this.props.t('Cancel')}
</Button>
&nbsp;
<CircularProgress size={20} style={{verticalAlign: 'middle'}}/>
Building image Building image
{ {
this.state.queuePosition !== -1 && ( 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>
</> </>
) )
} }