diff options
| -rw-r--r-- | web/src/css/flowdetail.less | 4 | ||||
| -rw-r--r-- | web/src/js/components/ContentView/ShowFullContentButton.jsx | 2 | ||||
| -rw-r--r-- | web/src/js/components/common/Button.jsx | 4 |
3 files changed, 7 insertions, 3 deletions
diff --git a/web/src/css/flowdetail.less b/web/src/css/flowdetail.less index 7e65528f..b4c7047b 100644 --- a/web/src/css/flowdetail.less +++ b/web/src/css/flowdetail.less @@ -69,6 +69,10 @@ margin-top: 10px; } +.view-all-content-btn{ + float: right; +} + .flow-detail table { .monospace(); width: 100%; diff --git a/web/src/js/components/ContentView/ShowFullContentButton.jsx b/web/src/js/components/ContentView/ShowFullContentButton.jsx index a0217d32..17e61be4 100644 --- a/web/src/js/components/ContentView/ShowFullContentButton.jsx +++ b/web/src/js/components/ContentView/ShowFullContentButton.jsx @@ -14,7 +14,7 @@ ShowFullContentButton.propTypes = { function ShowFullContentButton ( {setShowFullContent, showFullContent} ){ return ( - !showFullContent && <Button isXs={true} onClick={() => setShowFullContent(true)} text="Show full content"/> + !showFullContent && <Button className="view-all-content-btn" isXs={true} onClick={() => setShowFullContent(true)} text="Show full content"/> ) } diff --git a/web/src/js/components/common/Button.jsx b/web/src/js/components/common/Button.jsx index 0ac80782..d623974f 100644 --- a/web/src/js/components/common/Button.jsx +++ b/web/src/js/components/common/Button.jsx @@ -7,9 +7,9 @@ Button.propTypes = { icon: PropTypes.string } -export default function Button({ onClick, text, icon, disabled, isXs }) { +export default function Button({ onClick, text, icon, disabled, isXs, className }) { return ( - <div className={classnames('btn btn-default', { 'btn-xs': isXs})} + <div className={classnames(className, 'btn btn-default', { 'btn-xs': isXs})} onClick={onClick} disabled={disabled}> {icon && (<i className={"fa fa-fw " + icon}/> )} |