#traffic-lights-counts
{
  display: grid;
  margin-left:5px;

  .box
  {
    display: inline-flex;
    max-height:28px;
    width:45px; max-width:45px;
    margin-bottom: 1px;
    padding:0px;
  }
  img
  {
    width: 17px;
    height: 17px;
    padding: 4px;
  }
  .count
  {
    display: inline-block;
    border-radius: 5px;
    font-size: 18px;
    text-align: right;
    min-width: 25px;
    max-width: 35px;
    color: lighten(Black, 20%);
    padding: { left:4px; right:4px; top:3px; bottom:1px; }
    background: lighten($darker-color, 40%);
    &.actual
    {
      &.red   { background: $red  ; }
      &.amber { background: $amber; }
      &.green { background: $green; }
    }
  }
}

#traffic-lights-counts
{
  display: grid;
  margin-left: 5px;
  width: 61px;
  border-radius: 5px;
  padding: { top:3px; bottom:2px; }
  background: lighten($darker-color, 15%);

  .box
  {
    display: inline-flex;
    max-height:28px;
    width:45px; max-width:45px;
    margin-bottom: 1px;
    padding:0px;
  }
  img
  {
    width: 17px;
    height: 17px;
    padding: 4px;
  }
  .count
  {
    display: inline-block;
    border-radius: 5px;
    font-size: 18px;
    text-align: right;
    min-width: 25px;
    max-width: 35px;
    color: lighten(Black, 20%);
    padding: { left:4px; right:4px; top:3px; bottom:1px; }
    background: lighten($darker-color, 40%);
    &.actual
    {
      &.red   { background: $red  ; }
      &.amber { background: $amber; }
      &.green { background: $green; }
    }
  }
}

Add panel background to traffic-light counts.
Add panel background to traffic-light counts.
