Merge pull request #368 from sbs2001/ui_compress_vuln_view

UI compress vuln view

Author: sbs2001

vulnerabilities/templates/vulnerability.html

@@ -59,32 +59,26 @@ <h3>References:</h3>
 
         {% if vulnerability.vulnerable_to.all %}
             <h3> Vulnerable Packages </h3>
-            <table class="table is-bordered is-striped is-narrow is-hoverable is-fullwidth">
-                <tr>
-                    <th> Package URL </th>
-                </tr>
+            <div class="tags is-medium">
                 {% for package in vulnerability.vulnerable_to.all %}
-                <tr>
-                    <td><a href ="{% url 'package_view' package.pk %}"> {{package.package_url}}</a></td>
-                </tr>
+                <span class="tag is-danger is-medium">
+                    <a href ="{% url 'package_view' package.pk %}" class="has-text-white"> {{package.package_url}}</a>
+                </span>
                 {% endfor %}
-            </table>
+            </div>
         {% else %}
             <h3> No available vulnerable packages </h3>
         {% endif %}
 
         {% if vulnerability.resolved_to.all %}
         <h3> Patched Packages </h3>
-        <table class="table is-bordered is-striped is-narrow is-hoverable is-fullwidth">
-            <tr>
-                <th> Package URL </th>
-            </tr>
+        <div class="tags is-medium">
             {% for package in vulnerability.resolved_to.all %}
-            <tr>
-                <td><a href ="{% url 'package_view' package.pk %}"> {{package.package_url}} </a> </td>
-            </tr>
+            <span class="tag is-success is-medium">
+                <a href ="{% url 'package_view' package.pk %}" class="has-text-white"> {{package.package_url}} </a>
+            </span>
             {% endfor %}
-        </table>
+        </div>
         {% else %}
         <h3> No available patched packages </h3>
         {% endif %}