diff --git a/styles.css b/styles.css index 5d146f5b9f82d16025a69d30c40f7ae33e6d5e95..76a0a83b8c305f3220569a89f70166c8949b0729 100644 --- a/styles.css +++ b/styles.css @@ -257,8 +257,7 @@ ul.nav.navbar-nav.ml-auto { .label_item.sect-mode{ background: var(--main-color)!important; - padding-top: 7px; - padding-bottom: 2px; + padding: 8px; display: flex; align-items: center; border:none; @@ -769,18 +768,21 @@ th.th-rotate > div > span { .state-1 span.icon-progress::after{ - content: "\f10c"; - font-family: FontAwesome; width: 100%; display: inline-block;text-align: center; + content: "\f111"; + width: 100%; display: inline-block;text-align: center; color: white; + font-size: 130%; vertical-align: middle; line-height: 20px; + font: var(--fa-font-regular); } .state-2 span.icon-progress::after{ - content: "\f05d"; - font-family: FontAwesome; width: 100%; display: inline-block; text-align: center; + content: "\f058"; + font: var(--fa-font-regular); + width: 100%; display: inline-block; text-align: center; color: white; font-size: 130%; vertical-align: middle; @@ -788,8 +790,9 @@ th.th-rotate > div > span { } .state-3 span.icon-progress::after{ - content: "\f05c"; - font-family: FontAwesome; width: 100%; display: inline-block; text-align: center; + font: var(--fa-font-regular); + content: "\f057"; + width: 100%; display: inline-block; text-align: center; color: white; font-size: 130%; vertical-align: middle; @@ -953,16 +956,16 @@ tbody th{ .iena-icon-presence::after{ content: "\f0c0"; - font-family: FontAwesome; width: 100%; display: inline-block;text-align: center; + font: var(--fa-font-solid); width: 100%; display: inline-block;text-align: center; color: white; - font-size: large; + font-size: medium; } .iena-icon-distance::after{ content: "\f108"; - font-family: FontAwesome; width: 100%; display: inline-block;text-align: center; + font: var(--fa-font-solid); width: 100%; display: inline-block;text-align: center; color: white; - font-size: large; + font-size: medium; } .iena-caption-sections > .iena-caption-icons, .iena-caption-sections > .iena-caption-icons > * {