summaryrefslogtreecommitdiff
path: root/web-ui/src/common/link_button/link_button.js
diff options
context:
space:
mode:
Diffstat (limited to 'web-ui/src/common/link_button/link_button.js')
-rw-r--r--web-ui/src/common/link_button/link_button.js29
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>
);