diff options
Diffstat (limited to 'web-ui/src/common/link_button/link_button.js')
-rw-r--r-- | web-ui/src/common/link_button/link_button.js | 29 |
1 files changed, 16 insertions, 13 deletions
diff --git a/web-ui/src/common/link_button/link_button.js b/web-ui/src/common/link_button/link_button.js index e18903f2..e7fd80b0 100644 --- a/web-ui/src/common/link_button/link_button.js +++ b/web-ui/src/common/link_button/link_button.js @@ -16,33 +16,36 @@ */ import React from 'react'; -import RaisedButton from 'material-ui/RaisedButton'; +import FlatButton from 'material-ui/FlatButton'; -import '../submit_button/submit_button.scss'; import './link_button.scss'; const labelStyle = { textTransform: 'none', - fontSize: '1em', - lineHeight: '48px', - color: '#ff9c00' + color: 'inherit', + fontSize: 'inherit', + width: '100%', + padding: '0' }; -const buttonStyle = { - height: '48px', - backgroundColor: '#fff' +const linkButtonStyle = { + color: 'inherit', + borderRadius: '0', + minHeight: '36px', + height: 'auto', + lineHeight: '20px', + padding: '12px 0' }; const LinkButton = ({ buttonText, href }) => ( - <div className='submit-button link-button'> - <RaisedButton + <div className='link-button'> + <FlatButton href={href} containerElement='a' label={buttonText} labelStyle={labelStyle} - buttonStyle={buttonStyle} - overlayStyle={buttonStyle} - fullWidth + hoverColor={'#ff9c00'} + style={linkButtonStyle} /> </div> ); |