diff --git a/app/components/ResponsePane.js b/app/components/ResponsePane.js index 301f5d2b1d..3e42ae7e88 100644 --- a/app/components/ResponsePane.js +++ b/app/components/ResponsePane.js @@ -67,7 +67,7 @@ class ResponsePane extends Component {
-

Nothing Yet...

+

No responses yet...

Click the Send button to trigger a request

diff --git a/app/components/base/Input.js b/app/components/base/Input.js index fe4ddecfe9..539294ac90 100644 --- a/app/components/base/Input.js +++ b/app/components/base/Input.js @@ -48,8 +48,16 @@ class Input extends Component { } shouldComponentUpdate (nextProps) { + if (nextProps.type !== this.props.type) { + return true; + } + // Only update when we have to, or else the cursor will jump to the end. - return this.refs.input.value !== nextProps.value; + if (this.refs.input.value !== nextProps.value) { + return true; + } + + return false; } focus () { diff --git a/app/css/components/pane.scss b/app/css/components/pane.scss index 0f35274156..9589b4ff99 100644 --- a/app/css/components/pane.scss +++ b/app/css/components/pane.scss @@ -37,10 +37,12 @@ h1 { color: $hl; + font-size: $font-size-xxl; } p { color: $hl-xxl; + font-size: $font-size-md; } } } diff --git a/app/css/constants/dimensions.scss b/app/css/constants/dimensions.scss index af0f640991..cbecb25010 100644 --- a/app/css/constants/dimensions.scss +++ b/app/css/constants/dimensions.scss @@ -14,6 +14,7 @@ $font-size-md: 1.0rem; $font-size-lg: 1.1rem; $font-size-xl: 1.3rem; $font-size-xxl: 1.6rem; +$font-size-xxxl: 1.8rem; /* Wrapper */ $line-height-md: 4rem;