diff --git a/public/css/main.less b/public/css/main.less
index 5288731732..66e2d80b33 100644
--- a/public/css/main.less
+++ b/public/css/main.less
@@ -1121,6 +1121,34 @@ hr {
}
}
+// Calculator styles
+#income, #calculate {
+ visibility:hidden;
+}
+
+#four p{
+ font-size: .6em;
+ color: black;
+}
+
+.chart rect {
+ fill: steelblue;
+}
+
+.chart text {
+ fill: #121401;
+ font: 13px sans-serif;
+ text-anchor: end;
+}
+
+.axis path,
+.axis line {
+ fill: none;
+ stroke: #121401;
+ stroke-width: 2px;
+ shape-rendering: crispEdges;
+}
+
//uncomment this to see the dimensions of all elements outlined in red
//* {
// border-color: red;
diff --git a/server/views/resources/calculator.jade b/server/views/resources/calculator.jade
index 3d18ba349e..9775b1d1d5 100644
--- a/server/views/resources/calculator.jade
+++ b/server/views/resources/calculator.jade
@@ -5,91 +5,49 @@ block content
.panel-body
.row
.col-xs-12.col-sm-10.col-sm-offset-1
- style.
- #lastYearIncome{
- clear:both;
- margin: 2% 0;
- width: 110px;
- }
- #income, #calculate {
- visibility:hidden;
- }
- .step {
- font-size: 2em;
- padding: 1%;
- clear: both;
- }
- .city-buttons {
- display: block;
- clear: right;
- }
- #four p{
- font-size: .6em;
- color: black;
- }
- .chart rect {
- fill: steelblue;
- }
- .chart text {
- fill: #121401;
- font: 13px sans-serif;
- text-anchor: end;
- }
- .axis path,
- .axis line {
- fill: none;
- stroke: #121401;
- stroke-width: 2px;
- shape-rendering: crispEdges;
- }
- html.
-
-
-
-
-