diff --git a/styles/elements/_graphs.scss b/styles/elements/_graphs.scss index c13b82f0..930f2d71 100644 --- a/styles/elements/_graphs.scss +++ b/styles/elements/_graphs.scss @@ -1,6 +1,5 @@ meter { -moz-appearance: none; - appearance: none; display: block; background: $color-gray-lightest; diff --git a/styles/sections/_reports.scss b/styles/sections/_reports.scss index cc72ca73..ba23c580 100644 --- a/styles/sections/_reports.scss +++ b/styles/sections/_reports.scss @@ -222,6 +222,8 @@ &.meter-cell { padding-left: 0; + position: relative; + min-width: 4rem; @include media($medium-screen) { min-width: 12rem; @@ -231,7 +233,6 @@ width: 100%; height: 3rem; background: $color-white; - position: relative; display: none; @include media($medium-screen) { @@ -241,14 +242,17 @@ &::-webkit-meter-bar { background: $color-white; } + } - &::before { - content: attr(title); - position: absolute; - top: .5rem; - left: $gap; - @include h5; + .spend-table__meter-value { + @include h5; + + @include media($medium-screen) { + display: block; color: $color-white; + position: absolute; + top: 2.3rem; + left: $gap; } } } diff --git a/templates/workspace_reports.html b/templates/workspace_reports.html index 25be9041..af72b3cf 100644 --- a/templates/workspace_reports.html +++ b/templates/workspace_reports.html @@ -130,7 +130,8 @@