adjust compliance dashboard

Signed-off-by: tdruez <tdruez@aboutcode.org>

Author: tdruez

product_portfolio/templates/product_portfolio/compliance/compliance_dashboard.html

@@ -66,6 +66,27 @@ <h1 class="h3 mb-0">
         </div>
       </div>
     </div>
+    <div class="col-6 col-md-3">
+      <div class="bg-body-secondary rounded-3 p-3">
+        <div class="small text-body-secondary mb-1">{% trans "Policy violations" %}</div>
+        {% if products_with_policy_violations %}
+          <a href="?policy_violations=true" class="fs-4 fw-medium lh-sm text-danger">
+            {{ products_with_policy_violations }}
+          </a>
+        {% else %}
+          <div class="fs-4 fw-medium lh-sm text-success">
+            {{ products_with_policy_violations }}
+          </div>
+        {% endif %}
+        <div class="text-body-tertiary fs-xs mt-1">
+          {% if products_with_policy_violations %}
+            {% trans "products with active rule violations" %}
+          {% else %}
+            {% trans "No active policy violations" %}
+          {% endif %}
+        </div>
+      </div>
+    </div>
     <div class="col-6 col-md-3">
       <div class="bg-body-secondary rounded-3 p-3">
         <div class="small text-body-secondary mb-1">{% trans "License compliance" %}</div>
@@ -104,27 +125,6 @@ <h1 class="h3 mb-0">
         </div>
       </div>
     </div>
-    <div class="col-6 col-md-3">
-      <div class="bg-body-secondary rounded-3 p-3">
-        <div class="small text-body-secondary mb-1">{% trans "Policy violations" %}</div>
-        {% if products_with_policy_violations %}
-          <a href="?policy_violations=true" class="fs-4 fw-medium lh-sm text-danger">
-            {{ products_with_policy_violations }}
-          </a>
-        {% else %}
-          <div class="fs-4 fw-medium lh-sm text-success">
-            {{ products_with_policy_violations }}
-          </div>
-        {% endif %}
-        <div class="text-body-tertiary fs-xs mt-1">
-          {% if products_with_policy_violations %}
-            {% trans "products with active rule violations" %}
-          {% else %}
-            {% trans "No active policy violations" %}
-          {% endif %}
-        </div>
-      </div>
-    </div>
   </div>
 
   <div class="border rounded-3 p-3 pt-2 mb-3">
@@ -133,9 +133,9 @@ <h1 class="h3 mb-0">
         <tr>
           <th class="fw-medium">{% trans "Product" %}</th>
           <th class="fw-medium text-end">{% trans "Packages" %}</th>
+          <th class="fw-medium text-end">{% trans "Policy violations" %}</th>
           <th class="fw-medium text-end">{% trans "License compliance" %}</th>
           <th class="fw-medium text-end">{% trans "Vulnerabilities" %}</th>
-          <th class="fw-medium text-end">{% trans "Policy violations" %}</th>
         </tr>
       </thead>
       <tbody>
@@ -152,6 +152,15 @@ <h1 class="h3 mb-0">
                 {{ product.package_count|intcomma }}
               </a>
             </td>
+            <td class="text-end">
+              {% if product.policy_violation_count %}
+                <a href="{{ product_url }}#compliance" class="badge bg-danger-subtle text-danger-emphasis text-decoration-none">
+                  {{ product.policy_violation_count }} {% trans "rule" %}{{ product.policy_violation_count|pluralize }} {% trans "triggered" %}
+                </a>
+              {% else %}
+                <span class="text-body-tertiary small">{% trans "None" %}</span>
+              {% endif %}
+            </td>
             <td class="text-end">
               {% if product.license_error_count %}
                 <a href="{{ product_url }}?licenses-usage_policy__compliance_alert=error#licenses" class="badge bg-danger-subtle text-danger-emphasis">
@@ -189,15 +198,6 @@ <h1 class="h3 mb-0">
                 <span class="text-body-tertiary small">{% trans "None" %}</span>
               {% endif %}
             </td>
-            <td class="text-end">
-              {% if product.policy_violation_count %}
-                <a href="{{ product_url }}#compliance" class="badge bg-danger-subtle text-danger-emphasis text-decoration-none">
-                  {{ product.policy_violation_count }} {% trans "rule" %}{{ product.policy_violation_count|pluralize }} {% trans "triggered" %}
-                </a>
-              {% else %}
-                <span class="text-body-tertiary small">{% trans "None" %}</span>
-              {% endif %}
-            </td>
           </tr>
         {% endwith %}
         {% empty %}