Sorry, I am wrong, please ignore the line-height parts. Hope not confuse you.

But the height of a li is still wrong. In your css, it gives 72px as its height. I had done some tests on this part. You may use the following css to configure it, please also test it and do any modification if you want:
```
#info-view ul{
  background:
  url(images/ui/pattern.png) repeat left top,
  url(images/ui/gradient.png) no-repeat left top;
  background-size: auto auto, 100% 100%;
  height: calc(100% - 7rem);
}

#info-view footer {
  height: 7rem;
}

#info-view span {
  display: block;
  font-size: 1.6rem;
  font-weight: 400;
  color: #8a9699;
  padding-top: 1rem;
}

#info-view span.value {
  color: #ffffff;
  font-size: 1.9rem;
  font-weight: 400;
  padding-top: 0.3rem;
}

#info-view li {
  width: calc(100% - 4rem);
  height: 4.8rem;
  overflow: hidden;
  padding: 0rem 0rem 1.2rem 0rem;
  margin: 0rem 0rem 0rem 2rem;
}

#info-view li:first-child {
  padding-top: 0.6rem;
}

#info-view li:last-child {
  border-bottom: none;
}
```