diff --git a/style/pi-hole.css b/style/pi-hole.css index fc02a660..729ba5d9 100644 --- a/style/pi-hole.css +++ b/style/pi-hole.css @@ -329,6 +329,17 @@ .box, .small-box { border-radius: 10px; + z-index: 0; /* fix the small-box z-index (related to '.small-box .icon') */ +} + +.small-box .icon { + z-index: -1; /* sends the icon behind the text */ +} + +/*** Icons grow on hover, but remain centered ***/ +.small-box:hover .icon { + font-size: 90px; /* keep the same font-size, to avoid shifting the position */ + transform: scale(106%); } .list-status-0 {