<div class="d-flex align-items-center justify-content-between">
    <div>
        <div class="small text-muted">Total images size</div>
        <div class="fw-bold">{{ size_human }}</div>
        <div class="text-muted small">({{ size_bytes }} bytes)</div>
    </div>
    <div class="text-end">
        <button class="btn btn-sm btn-outline-secondary"
                hx-get="{% url 'atlas:series_image_size' series.pk %}?refresh=1"
                hx-target="#series-image-size"
                hx-swap="innerHTML">Recalculate</button>
    </div>
</div>
