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>  );  | 
