From a4b34b4a655dac985ae068ac3e535190fc5470b7 Mon Sep 17 00:00:00 2001
From: Kai Reinhard <K.Reinhard@micromata.de>
Date: Sun, 06 Jan 2019 16:17:43 +0000
Subject: [PATCH] Layout...
---
borgbutler-webapp/src/components/views/jobs/Job.jsx | 4 ++--
borgbutler-webapp/src/components/views/jobs/Job.css | 2 ++
2 files changed, 4 insertions(+), 2 deletions(-)
diff --git a/borgbutler-webapp/src/components/views/jobs/Job.css b/borgbutler-webapp/src/components/views/jobs/Job.css
index dbda6c5..b57da22 100644
--- a/borgbutler-webapp/src/components/views/jobs/Job.css
+++ b/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;
}
\ No newline at end of file
diff --git a/borgbutler-webapp/src/components/views/jobs/Job.jsx b/borgbutler-webapp/src/components/views/jobs/Job.jsx
index 9890214..2df52cb 100644
--- a/borgbutler-webapp/src/components/views/jobs/Job.jsx
+++ b/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>
--
Gitblit v1.10.0