Fix position of progress bar outside label

This commit is contained in:
Jeremy Stretch 2024-01-16 16:03:40 -05:00
parent 0d7417d8b5
commit 16e212e29d
3 changed files with 9 additions and 2 deletions

Binary file not shown.

View File

@ -1,3 +1,10 @@
.progress, .progress-bar {
.progress {
height: 20px;
.progress-label {
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 0.25rem;
}
}

View File

@ -11,6 +11,6 @@
{% if utilization >= 35 %}{{ utilization|floatformat:1 }}%{% endif %}
</div>
{% if utilization < 35 %}
<span class="ps-1">{{ utilization|floatformat:1 }}%</span>
<span class="progress-label">{{ utilization|floatformat:1 }}%</span>
{% endif %}
</div>