graph fixes

sdhoek · May 7, 2018 · 61420bd · 61420bd
1 parent de98f50
commit 61420bd
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 3 deletions.
diff --git a/src/app/map/graph/graph.component.css b/src/app/map/graph/graph.component.css
@@ -0,0 +1,3 @@
+#graph{
+ background: rgba(61, 61, 61, 0.84);
+}
diff --git a/src/app/map/graph/graph.component.ts b/src/app/map/graph/graph.component.ts
@@ -118,7 +118,7 @@ export class GraphComponent implements OnInit {
 
  // CLEAR BEFORE REDRAW
  d3.select("#graph").selectAll("svg").remove();
- d3.select("#graph").selectAll("h1").remove();
+ d3.select("#graph").selectAll("h2").remove();
  d3.select("#graph").selectAll("div").remove();
  // TOOLTIP DIV
  var div = d3.select("#graph").append("div")
@@ -132,10 +132,10 @@ export class GraphComponent implements OnInit {
 
  // TITLE
  var title = d3.select("#graph")
- .append("h1")
+ .append("h2")
  .attr("id", "camera-titel")
  .html("Totaal aantal cameras op je route: " + sum_camera)
- .style("font-size", "10pt")
+ .style("font-size", "17px")
  .attr("transform", "translate(0 , 0)");
 
  // DRAW SVG

diff --git a/src/styles.css b/src/styles.css
@@ -127,6 +127,13 @@ webcam{
 
 /* GRAPH */
 
+app-graph h2{
+ font-size: 17px;
+ text-align: center;
+ padding-top: 12px;
+ color: #fff;
+}
+
 app-graph .tooltip {
  position: fixed;
  text-align: left;