Fix panel rendering #1682

Signed-off-by: tdruez <[email protected]>

Author: tdruez

scanpipe/templates/scanpipe/panels/license_clarity_panel.html

@@ -1,4 +1,4 @@
-<article id="license-clarity-panel" class="panel is-info">
+<article id="license-clarity-panel" class="panel is-dark">
   <div class="panel-heading is-flex is-justify-content-space-between">
     License clarity
     {% include "scanpipe/dropdowns/help_dropdown_tooltip.html" with content="License clarity is a set of metrics that indicate how clearly, comprehensively and accurately a software project has defined and communicated the licensing that applies to the software." only %}

scanpipe/templates/scanpipe/panels/license_detections_summary.html

@@ -1,13 +1,13 @@
 {% load humanize %}
 {% if license_detection_summary %}
 <div class="column is-half">
-<article id="license-detection-summary-panel" class="panel is-info">
+<article id="license-detection-summary-panel" class="panel is-dark">
   <div class="panel-heading is-flex is-justify-content-space-between">
     Unique license detections
     {% include "scanpipe/dropdowns/help_dropdown_tooltip.html" with content="All unique license detections in the codebase identified by matched license text and other license match characteristics. Also contains other license clues." only %}
   </div>
-  <div class="panel is-info">
-    <nav class="panel is-info">
+  <div class="panel is-dark">
+    <nav class="panel is-dark">
       {% for license_expression, count in license_detection_summary.items %}
         <a class="panel-block is-align-items-flex-start break-word is-flex is-align-items-center" href="{{ project_licenses_url }}?license_expression={{ license_expression|default:'_EMPTY_' }}" target="_blank">
           {{ license_expression|default:'<i>No licenses</i>' }}

scanpipe/templates/scanpipe/panels/project_codebase.html

@@ -1,24 +1,26 @@
 <nav id="codebase-navigation" class="panel is-dark">
-  <p class="panel-heading is-flex is-justify-content-space-between is-align-items-center">
-    <span>Codebase</span>
+  <div class="panel-heading is-flex is-justify-content-space-between is-align-items-center">
+    <div>
+      <span>Codebase</span>
+      {% if current_dir and current_dir != "." %}
+        <span class="tag ml-2">
+          {% for dir_name, full_path in codebase_breadcrumbs.items %}
+            {% if not forloop.last %}
+              <a href="#" hx-target="#codebase-navigation" hx-swap="outerHTML" hx-get="{{ project_details_url }}codebase/?current_dir={{ full_path }}">
+                {{ dir_name }}
+              </a>
+              <span class="mr-1">/</span>
+            {% else %}
+              {{ dir_name }}/
+            {% endif %}
+          {% endfor %}
+        </span>
+      {% endif %}
+    </div>
     <a href="{% url 'codebase_resource_tree' project.slug %}" class="ml-2 has-text-white has-text-decoration-none">
       <i class="fa-solid fa-folder-tree mr-1"></i>Tree view
     </a>
-    {% if current_dir and current_dir != "." %}
-      <span class="tag ml-2">
-        {% for dir_name, full_path in codebase_breadcrumbs.items %}
-          {% if not forloop.last %}
-            <a href="#" hx-target="#codebase-navigation" hx-swap="outerHTML" hx-get="{{ project_details_url }}codebase/?current_dir={{ full_path }}">
-              {{ dir_name }}
-            </a>
-            <span class="mr-1">/</span>
-          {% else %}
-            {{ dir_name }}/
-          {% endif %}
-        {% endfor %}
-      </span>
-    {% endif %}
-  </p>
+  </div>
   {% for node in codebase_tree %}
     {% if node.is_dir %}
        <a class="panel-block" href="#" hx-target="#codebase-navigation" hx-swap="outerHTML" hx-get="{{ project_details_url }}codebase/?current_dir={{ node.location }}">

scanpipe/templates/scanpipe/panels/resource_status_summary.html

@@ -1,7 +1,7 @@
 {% load humanize %}
 {% if resource_status_summary %}
   <div class="column is-half">
-    <nav class="panel is-info">
+    <nav class="panel is-dark">
       <p class="panel-heading">
         Resources status
       </p>

scanpipe/templates/scanpipe/panels/scan_summary_panel.html

@@ -1,6 +1,6 @@
 {% load intcomma from humanize %}
-<article id="scan-summary-panel" class="panel is-info">
-  <div class="panel-heading py-2 is-size-6 is-flex is-justify-content-space-between">
+<article id="scan-summary-panel" class="panel is-dark">
+  <div class="panel-heading is-size-6 is-flex is-justify-content-space-between">
     Scan summary
     {% include "scanpipe/dropdowns/help_dropdown_tooltip.html" with content="A top-level summary of the collected scanned data such as licenses, holders, and languages." only %}
   </div>