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;