diff --git a/static/css/style.css b/static/css/style.css index cddffd2..c4c86dd 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -247,11 +247,6 @@ canvas { text-decoration: line-through; } -.info-icon { - cursor: pointer; - font-weight: bold; -} - .bgprtv-container { max-width: 100%; margin: 0 auto; @@ -289,6 +284,7 @@ canvas { #bgprtv-mynetwork { width: 100%; min-height: 60vh; + border: 1px solid #ddd; border-radius: 8px; margin-top: 20px; @@ -390,4 +386,33 @@ canvas { border-left: 1px solid #ccc; height: 16px; margin: 0 5px; +} + +.icon-info, .icon-details, .icon-bfd { + display: inline-block; + width: clamp(1rem, 1vw + 0.5rem, 1.5625rem); + height: clamp(1rem, 1vw + 0.5rem, 1.5625rem); + + vertical-align: middle; + background-repeat: no-repeat; + background-size: contain; + cursor: pointer; + text-indent: -9999px; + overflow: hidden; +} + +.icon-info { + background-image: url('/static/img/info.png'); +} + +.icon-details { + background-image: url('/static/img/details.png'); +} + +.icon-bfd { + background-image: url('/static/img/fast.png'); +} + +td.d-flex { + gap: 8px; } \ No newline at end of file