heartwood every commit a ring

Keep Lighthouse score cards at top, breakdown under graphs

7f110b72 by Isaac Bythewood · 25 days ago

Keep Lighthouse score cards at top, breakdown under graphs

The four category score cards belong alongside the status cards as a
quick at-a-glance summary, but the detailed performance breakdown is
bulkier analytical content that fits better below the uptime graphs.
modified properties/templates/properties/property.html
@@ -83,7 +83,7 @@</div><div class="container-fluid">  <div class="row mb-4">  <div class="row {% if not property.lighthouse_scores %}mb-4{% endif %}">    <div class="col-6 col-md-3 d-flex align-items-center text-white {% if property.current_status == 200 %}bg-success{% else %}bg-danger{% endif %}">      <div class="card-body text-center py-2">        <div class="card-title h4">{% if property.current_status == 200 %}Ok{% else %}Failed{% endif %}</div>
@@ -111,6 +111,21 @@  </div></div>{% if property.lighthouse_scores %}<div class="container-fluid">  <div class="row mb-4">    {% for category, score in property.lighthouse_scores.items %}    <div class="col-6 col-md-3 d-flex align-items-center text-white {% if score >= 80 %}bg-success{% else %}bg-warning{% endif %}">      <div class="card-body text-center py-2">        <div class="card-title h4">{{ score }}%</div>        <div class="card-text text-truncate small">{{ category }}</div>      </div>    </div>    {% endfor %}  </div></div>{% endif %}{% if user.is_authenticated %}<form style="display:none">{% csrf_token %}</form><div class="container mt-4 d-print-none" id="monitoring-status" data-property-id="{{ property.id }}" data-status-url="{% url 'property_status' property.id %}" data-recrawl-url="{% url 'property_recrawl' property.id %}" data-rerun-lighthouse-url="{% url 'property_rerun_lighthouse' property.id %}">
@@ -259,21 +274,6 @@  </div></div>{% if property.lighthouse_scores %}<div class="container-fluid">  <div class="row mb-4">    {% for category, score in property.lighthouse_scores.items %}    <div class="col-6 col-md-3 d-flex align-items-center text-white {% if score >= 80 %}bg-success{% else %}bg-warning{% endif %}">      <div class="card-body text-center py-2">        <div class="card-title h4">{{ score }}%</div>        <div class="card-text text-truncate small">{{ category }}</div>      </div>    </div>    {% endfor %}  </div></div>{% endif %}{% if property.lighthouse_details %}<div class="container mt-4">  <h3 class="mt-4">Performance breakdown</h3>