fix(ui): tweak css for silence submit errors

This commit is contained in:
Łukasz Mierzwa
2019-10-11 19:21:17 +01:00
parent e3bfa7aec3
commit 2e1e41ff15

View File

@@ -173,12 +173,20 @@ const SilenceSubmitProgress = observer(
const { cluster } = this.props;
return (
<div className="d-flex">
<div className="p-2 flex-fill">
<div className="d-flex mb-2">
<div className="p-2 flex-fill my-auto flex-grow-0 flex-shrink-0">
<SubmitIcon stateValue={this.submitState.value} />
</div>
<div className="p-2 flex-fill">{cluster}</div>
<div className="p-2 flex-fill">{this.submitState.result}</div>
<div className="p-2 mr-1 flex-fill my-auto flex-grow-0 flex-shrink-0">
{cluster}
</div>
<div
className={`p-2 flex-fill flex-grow-1 flex-shrink-1 rounded ${
this.submitState.value === SubmitState.Failed ? "bg-light" : ""
}`}
>
{this.submitState.result}
</div>
</div>
);
}