Layout...

Kai Reinhard

06.17.2019 a4b34b4a655dac985ae068ac3e535190fc5470b7

Layout...

 borgbutler-webapp/src/components/views/jobs/Job.css

@@ -1,8 +1,10 @@
.job-cancel {
    width: 3em;
    margin-top: 1ex;
    text-align: center;
}

.job-progress {
    width: calc(100% - 3em);
    margin-top: -10px;
}

 borgbutler-webapp/src/components/views/jobs/Job.jsx

@@ -60,11 +60,11 @@
            <ListGroupItem>
                {this.renderRedirect()}
                <div class="row">
                    <div class="col col-11 job-progress">
                    <div class="job-progress">
                        <Button color="link" onClick={this.toggle}>{job.description}</Button>
                        {content}
                    </div>
                    <div class="col col-1 job-cancel"><Button color={'danger'} onClick={() => this.cancelJob(job.uniqueJobNumber)}
                    <div class="job-cancel"><Button color={'danger'} onClick={() => this.cancelJob(job.uniqueJobNumber)}
                                             disabled={cancelDisabled}><IconCancel/></Button>
                    </div>
                </div>