Improve distance markers a bit (#243)

- make icons a bit smaller
  - also results in better vertical centering
- round icon too small for 3 digits, multiply width by digits
- increase opacity a bit for better readability
This commit is contained in:
Norbert Renner 2019-12-13 12:44:24 +01:00
parent d33c795200
commit 9d59d51549
3 changed files with 11 additions and 6 deletions

View file

@ -5,11 +5,13 @@ div.line-mouse-marker {
}
.dist-marker {
font-size: 11px;
font-size: 10px;
/* 1px less than height to also center in Firefox (?) */
line-height: 17px;
border: 1px solid #777;
border-radius: 10px;
border-radius: 9px;
text-align: center;
text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
color: black;
background: rgba(255, 255, 255, 0.4);
background: rgba(255, 255, 255, 0.5);
}