Layout...

Kai Reinhard

06.09.2019 762675eb72793421644a162d80617b33121e8ab1

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

@@ -4,6 +4,7 @@
import {IconCancel} from '../../general/IconComponents'
import {getRestServiceUrl} from "../../../utilities/global";
import PropTypes from "prop-types";
import './Job.css';

class Job extends React.Component {
    constructor(props) {
@@ -58,10 +59,14 @@
        return (
            <ListGroupItem>
                {this.renderRedirect()}
                <Button color="link" onClick={this.toggle}>{job.description}</Button>
                <div>{content}
                    <Button color={'danger'} onClick={() => this.cancelJob(job.uniqueJobNumber)}
                            disabled={cancelDisabled}><IconCancel/></Button>
                <div class="row">
                    <div class="col col-11 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)}
                                             disabled={cancelDisabled}><IconCancel/></Button>
                    </div>
                </div>
                <Collapse isOpen={this.state.collapse}>
                    <Card>