/* Styles for presenting statistics */

$graph-colours: (
  graph-0: $fuschia,
  graph-1: $light-blue,
  graph-2: $mellow-red,
  graph-3: $green,
  graph-4: $orange,
  graph-5: $purple
);

.o-statistic-option {
  height: 15px;
  width: 15px;
  border: 1px solid $black;
  margin-bottom: -2px;

  display: inline-block;
}

@for $i from 0 through 5 {
  .v-graph-#{$i} {
    background-color: map-get($graph-colours, graph-#{$i})
  }
}

.o-data-view__js-options-statistics {
  button {
    font-size: 85%;
    margin-right: 10px;
    border: 0;
    background-color: inherit;
  }

  img {
    max-height: 15px;
    margin-bottom: -3px;
  }
}

/* Styles for presenting statistics */

$graph-colours: (
  graph-0: $fuschia,
  graph-1: $light-blue,
  graph-2: $mellow-red,
  graph-3: $green,
  graph-4: $orange,
  graph-5: $purple
);

.o-statistic-option {
  height: 15px;
  width: 15px;
  border: 1px solid $black;
  margin-bottom: -2px;

  display: inline-block;
}

@for $i from 0 through 5 {
  .v-graph-#{$i} {
    background-color: map-get($graph-colours, graph-#{$i})
  }
}

.o-data-view__js-options-statistics {
  button {
    font-size: 85%;
    margin-right: 10px;
    border: 0;
    background-color: inherit;
    cursor: pointer;
  }

  img {
    max-height: 15px;
    margin-bottom: -3px;
  }
}

Set cursor to pointer when over the statistics selection buttons
Set cursor to pointer when over the statistics selection buttons
