Style chart item

src/app/charts/chart-item/chart-item.component.html

@@ -1,5 +1,4 @@
-<div fxLayout="row" fxLayoutAlign="space-between start">
-    <div></div>
+<div fxLayout="row" fxLayoutAlign="space-between start" class="item">
     <div><a href="#">{{state}}</a>: &nbsp;</div>
     <div>{{count}}</div>
 </div>

src/app/charts/chart-item/chart-item.component.scss

@@ -0,0 +1,3 @@
+.item {
+    cursor: pointer;
+}

src/styles.scss

@@ -86,6 +86,11 @@ html, body {
     line-height: mat-line-height($tech-ui-typography, body-1);
 }
 
+a {
+    text-decoration: underline;
+    color: mat-color($tech-ui-primary);
+}
+
 .tui-card {
     background-color: white;
     border-radius: 4px;