small ui change in table

Signed-off-by: Aayush Kumar <aayush214.kumar@gmail.com>

Author: aayushkdev

scanpipe/templates/scanpipe/panels/project_codebase.html

@@ -1,6 +1,7 @@
 <nav id="codebase-navigation" class="panel is-dark">
   <p class="panel-heading">
     Codebase
+    <a href="{% url 'codebase_resource_tree' project.slug %}" class="ml-2">Click to go to the Tree View</a>
     {% if current_dir and current_dir != "." %}
       <span class="tag ml-2">
         {% for dir_name, full_path in codebase_breadcrumbs.items %}

scanpipe/templates/scanpipe/panels/resource_table_panel.html

@@ -58,22 +58,16 @@
               {{ resource.detected_license_expression }}
             </td>
             <td>
-              {% if resource.compliance_alert %}
-                <span class="tag is-warning is-small">{{ resource.compliance_alert }}</span>
-              {% endif %}
+              {{ resource.compliance_alert }}
             </td>
             <td>
               {% if resource.discovered_packages.all %}
-                <div class="tags">
-                  {% for package in resource.discovered_packages.all|slice:":3" %}
-                    <span class="tag is-small">
-                      <a href="{% url 'project_packages' project.slug %}?purl={{ package.package_url }}">{{ package }}</a>
-                    </span>
-                  {% endfor %}
-                  {% if resource.discovered_packages.all|length > 3 %}
-                    <span class="tag is-small">+{{ resource.discovered_packages.all|length|add:"-3" }} more</span>
-                  {% endif %}
-                </div>
+                {% for package in resource.discovered_packages.all|slice:":3" %}
+                  <a href="{% url 'project_packages' project.slug %}?purl={{ package.package_url }}">{{ package }}</a>{% if not forloop.last %}, {% endif %}
+                {% endfor %}
+                {% if resource.discovered_packages.all|length > 3 %}
+                  +{{ resource.discovered_packages.all|length|add:"-3" }} more
+                {% endif %}
               {% endif %}
             </td>
           </tr>