diff options
| author |   sebdet <sebastien.determe@intl.att.com> | 2019-07-19 16:51:19 +0200 |
|---|---|---|
| committer | sebdet <sebastien.determe@intl.att.com> | 2019-07-19 16:51:19 +0200 |
| commit | 190227aa1bbcdc164a17fbcc8de06f78c11ebdff (patch) | |
| tree | 587662d4175a0d22abe15c604c1aa752b9e45fda /ui-react/src/components/loop_viewer/svg/LoopSvg.js | |
| parent | c1ccc5428cdb26b47dc6f6f5f8222808c3db3075 (diff) | |
Rework the status
Add status data when we load a loop + rework the look and feel of status
DIV
Issue-ID: CLAMP-429
Change-Id: Ibeb58e2653d603f29a0b71023d8afd49cf89aba1
Signed-off-by: sebdet <sebastien.determe@intl.att.com>
Diffstat (limited to 'ui-react/src/components/loop_viewer/svg/LoopSvg.js')
| -rw-r--r-- | ui-react/src/components/loop_viewer/svg/LoopSvg.js | 7 |
1 files changed, 5 insertions, 2 deletions
diff --git a/ui-react/src/components/loop_viewer/svg/LoopSvg.js b/ui-react/src/components/loop_viewer/svg/LoopSvg.js index 91d74e4f..3ac2f31f 100644 --- a/ui-react/src/components/loop_viewer/svg/LoopSvg.js +++ b/ui-react/src/components/loop_viewer/svg/LoopSvg.js @@ -32,7 +32,10 @@ const LoopViewSvgDivStyled = styled.div` background-color: ${props => (props.theme.loopViewerBackgroundColor)}; border: 1px solid; border-color: ${props => (props.theme.loopViewerHeaderColor)}; - height: 50%; + margin-left: auto; + margin-right:auto; + text-align: center; + ` class LoopViewSvg extends React.Component { @@ -88,7 +91,7 @@ class LoopViewSvg extends React.Component { render() { return ( - <LoopViewSvgDivStyled id="loop_svg" dangerouslySetInnerHTML={{ __html: this.state.svgContent }} onClick={this.handleSvgClick}> + <LoopViewSvgDivStyled dangerouslySetInnerHTML={{ __html: this.state.svgContent }} onClick={this.handleSvgClick}> </LoopViewSvgDivStyled> ); |