diff --git a/js/components/ascribe_forms/input_checkbox.js b/js/components/ascribe_forms/input_checkbox.js index dfb13ada..959401e9 100644 --- a/js/components/ascribe_forms/input_checkbox.js +++ b/js/components/ascribe_forms/input_checkbox.js @@ -31,7 +31,7 @@ let InputCheckbox = React.createClass({ - {getLangText('I agree to the Terms of Service') + ' '} + {' ' + getLangText('I agree to the Terms of Service') + ' '} ( {getLangText('read')} ) diff --git a/js/components/ascribe_forms/property.js b/js/components/ascribe_forms/property.js index 40b5af6e..6ff25712 100644 --- a/js/components/ascribe_forms/property.js +++ b/js/components/ascribe_forms/property.js @@ -25,7 +25,8 @@ let Property = React.createClass({ children: React.PropTypes.oneOfType([ React.PropTypes.arrayOf(React.PropTypes.element), React.PropTypes.element - ]) + ]), + style: React.PropTypes.object }, getDefaultProps() { @@ -166,7 +167,8 @@ let Property = React.createClass({
+ onFocus={this.handleFocus} + style={this.props.style}>
-
- {getLangText('Welcome to')} ascribe... -
); @@ -99,6 +97,7 @@ let SignupForm = React.createClass({ getLangText('Store it in a safe place') + '!'; return (
}> + +

{getLangText('Welcome to ascribe')}

+
@@ -149,7 +151,8 @@ let SignupForm = React.createClass({ + className="ascribe-settings-property-collapsible-toggle" + style={{paddingBottom: 0}}>
diff --git a/sass/ascribe_settings.scss b/sass/ascribe_settings.scss index 85de4915..8dd0b169 100644 --- a/sass/ascribe_settings.scss +++ b/sass/ascribe_settings.scss @@ -28,13 +28,13 @@ .is-error { background-color: rgba(169, 68, 66, 0.05); border-left: 3px solid rgba(169, 68, 66, 1); - div { - span { + > div { + > span { color: rgba(169, 68, 66, 1); font-size: 0.9em; margin-right: 1em; } - input, textarea { + > input, > textarea { color: #666; } } @@ -46,12 +46,12 @@ .is-fixed { cursor: default; - div { + > div { cursor: default; - span { + > span { cursor: default; } - input, div, pre, textarea { + > input, > div, > pre, > textarea { cursor: default; color: #666; } @@ -70,19 +70,19 @@ cursor:pointer; - input, div, span:not(.glyphicon), pre, textarea, select { + > input, > div, > span:not(.glyphicon), > pre, > textarea, > select { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } - span { + > span { font-weight: normal; font-size: 0.9em; color: rgba(0,0,0,.5); } - div { + > div { /* margin-top: 10px; */ - div:not(.file-drag-and-drop div) { + > div:not(.file-drag-and-drop div) { padding-left: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; @@ -92,11 +92,11 @@ } } - .progressbar-container, .progressbar-progress { + > .progressbar-container, .progressbar-progress { margin-top: 0 !important; } - input, pre, textarea, select { + > input, > pre, > textarea, > select { font-weight: 400; font-size: 1.1em; width:100%; @@ -119,7 +119,7 @@ } - textarea{ + > textarea{ color: #666; margin-top: 1em; padding: 0; @@ -143,7 +143,7 @@ cursor:pointer; /* Taken from: http://www.htmllion.com/css3-checkbox.html */ - > .checkbox { + .checkbox { display: inline-block; cursor: pointer;