diff --git a/client/less/main.less b/client/less/main.less index 1a491f0f98..c4075778fd 100644 --- a/client/less/main.less +++ b/client/less/main.less @@ -1129,7 +1129,7 @@ code { } .btn-primary { background-color: @brand-primary; - border-color: #292929; + border-color: #777; color:#CCC; transition: color 0.2s, background-color 0.2s; &:hover { diff --git a/common/app/routes/settings/components/Email-Setting.jsx b/common/app/routes/settings/components/Email-Setting.jsx index 1e9aaef08f..76b940bb70 100644 --- a/common/app/routes/settings/components/Email-Setting.jsx +++ b/common/app/routes/settings/components/Email-Setting.jsx @@ -71,9 +71,9 @@ export default function EmailSettings({ bsStyle='primary' className={ classnames( - 'positive-20', - { active: sendMonthlyEmail }, - 'btn-toggle' + 'positive-20', + { active: sendMonthlyEmail }, + 'btn-toggle' ) } onClick={ toggleMonthlyEmail } @@ -97,9 +97,9 @@ export default function EmailSettings({ bsStyle='primary' className={ classnames( - 'positive-20', - { active: sendNotificationEmail }, - 'btn-toggle' + 'positive-20', + { active: sendNotificationEmail }, + 'btn-toggle' ) } onClick={ toggleNotificationEmail } @@ -123,9 +123,9 @@ export default function EmailSettings({ bsStyle='primary' className={ classnames( - 'positive-20', - { active: sendQuincyEmail }, - 'btn-toggle' + 'positive-20', + { active: sendQuincyEmail }, + 'btn-toggle' ) } onClick={ toggleQuincyEmail } diff --git a/common/app/routes/settings/components/Locked-Settings.jsx b/common/app/routes/settings/components/Locked-Settings.jsx index 5fad5c2fb5..c1065c3570 100644 --- a/common/app/routes/settings/components/Locked-Settings.jsx +++ b/common/app/routes/settings/components/Locked-Settings.jsx @@ -1,38 +1,38 @@ -import React, {PropTypes} from 'react'; -import {Button, Row, Col} from 'react-bootstrap'; +import React, { PropTypes } from 'react'; +import { Button, Row, Col } from 'react-bootstrap'; import classnames from 'classnames'; -export default function LockSettings({isLocked, toggle}) { - const className = classnames({ - 'positive-20': true, - active: isLocked, - 'btn-toggle': true - }); - return ( - - -

- Make all of my solutions private -
- (this disables your certificates) -

- - - - -
- ); +export default function LockSettings({ isLocked, toggle }) { + const className = classnames({ + 'positive-20': true, + active: isLocked, + 'btn-toggle': true + }); + return ( + + +

+ Make all of my solutions private +
+ (this disables your certificates) +

+ + + + +
+ ); } LockSettings.propTypes = { - isLocked: PropTypes.bool, - toggle: PropTypes.func.isRequired + isLocked: PropTypes.bool, + toggle: PropTypes.func.isRequired };