diff --git a/package.json b/package.json index 5fd1b5266a..e46750031a 100644 --- a/package.json +++ b/package.json @@ -26,7 +26,7 @@ "test:eslint": "eslint --config ./.eslintrc.yaml \"source/js/**/*.js\" \"source/js/components/**/*.jsx\" webpack.config.js", "test:scss": "stylelint \"source/sass/**/*.scss\" \"source/js/components/**/*.scss\" --syntax scss", "test": "npm run build && run-s test:**", - "watch:images": "chokidar 'source/images/**/*' -c 'npm run build:images'", + "watch:images": "chokidar \"source/images/**/*\" -c \"npm run build:images\"", "watch:js": "chokidar \"source/js/**/*.js\" \"source/js/**/*.jsx\" -c \"npm run build:js-uncompressed\"", "watch:sass": "chokidar \"source/**/*.scss\" -c \"npm run build:sass\"" }, diff --git a/source/js/buyers-guide/components/creep-vote/creep-vote.jsx b/source/js/buyers-guide/components/creep-vote/creep-vote.jsx index 373a1b4fa5..d044f7c9cd 100644 --- a/source/js/buyers-guide/components/creep-vote/creep-vote.jsx +++ b/source/js/buyers-guide/components/creep-vote/creep-vote.jsx @@ -150,7 +150,7 @@ export default class CreepVote extends React.Component {
-

{this.state.totalVotes} votes

+

{this.state.totalVotes} votes

); @@ -166,8 +166,8 @@ export default class CreepVote extends React.Component {
-

Thanks for voting! Here are the results so far:

-
{this.state.totalVotes + 1} Votes
+

Thanks for voting! Here are the results

+
{this.state.totalVotes + 1} Votes
diff --git a/source/js/buyers-guide/components/creep-vote/creep-vote.scss b/source/js/buyers-guide/components/creep-vote/creep-vote.scss index 6b6dd85d3d..a595f8aeb8 100644 --- a/source/js/buyers-guide/components/creep-vote/creep-vote.scss +++ b/source/js/buyers-guide/components/creep-vote/creep-vote.scss @@ -26,6 +26,7 @@ $btn-shadow-width: 3px; padding: 0.5em 1.5em; text-transform: initial; transition: all 0.1s linear; + width: 9em; } input { display: none; } diff --git a/source/js/buyers-guide/components/creepiness-chart/creepiness-chart.scss b/source/js/buyers-guide/components/creepiness-chart/creepiness-chart.scss index d6ced7a7f2..145815a286 100644 --- a/source/js/buyers-guide/components/creepiness-chart/creepiness-chart.scss +++ b/source/js/buyers-guide/components/creepiness-chart/creepiness-chart.scss @@ -47,7 +47,7 @@ //Height of this is set inline via JSX .bar { - background-color: $light-gray; + background-color: #e1e1e1; } //Show a different creep-face in each bar of the graph diff --git a/source/js/buyers-guide/components/likelyhood-chart/likelyhood-chart.jsx b/source/js/buyers-guide/components/likelyhood-chart/likelyhood-chart.jsx index d0085ef744..07de97351e 100644 --- a/source/js/buyers-guide/components/likelyhood-chart/likelyhood-chart.jsx +++ b/source/js/buyers-guide/components/likelyhood-chart/likelyhood-chart.jsx @@ -18,20 +18,20 @@ export default class LikelyhoodChart extends React.Component { - Likely + likely - {100 - perc}% Likely to buy it + {100 - perc}% likely to buy it - Not likely + not likely - {perc}% Not likely to buy it + {perc}% not likely to buy it diff --git a/source/js/buyers-guide/components/likelyhood-chart/likelyhood-chart.scss b/source/js/buyers-guide/components/likelyhood-chart/likelyhood-chart.scss index ff9df9984c..2152734be6 100644 --- a/source/js/buyers-guide/components/likelyhood-chart/likelyhood-chart.scss +++ b/source/js/buyers-guide/components/likelyhood-chart/likelyhood-chart.scss @@ -10,7 +10,7 @@ .bar { //For some nice animations later on, width set in JSX transition: width 2.5s ease; - background-color: $light-gray; + background-color: #e1e1e1; position: absolute; height: 25px; } @@ -20,6 +20,10 @@ display: block; } + .likelyhood { + white-space: nowrap; + } + .likelyhood-words { position: relative; font-weight: bold;