refine UI

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

Author: tdruez

dejacode/static/css/dejacode_bootstrap.css

@@ -414,7 +414,7 @@ table.vulnerabilities-table .column-summary {
 
 /* -- Vulnerability tab -- */
 #tab_vulnerabilities .column-advisory_uid {
-  width: 230px;
+  width: 240px;
 }
 #tab_vulnerabilities .column-affected_packages {
   min-width: 250px;

product_portfolio/templates/product_portfolio/tabs/tab_packages_vulnerabilities.html

@@ -49,8 +49,8 @@
                   {{ vulnerability.advisory_id }}
                 {% endif %}
                 {% if vulnerability.summary or vulnerability.aliases or vulnerability.exploitability or vulnerability.risk_score %}
-                  <span class="float-end" data-bs-toggle="popover" data-bs-placement="right" data-bs-trigger="hover focus" data-bs-html="true" data-bs-custom-class="wide-popover" data-bs-content="{% include 'component_catalog/includes/vulnerability_info_popover.html' with vulnerability=vulnerability only %}">
-                    <i class="fa-solid fa-circle-info text-muted"></i>
+                  <span data-bs-toggle="popover" data-bs-placement="top" data-bs-trigger="hover focus" data-bs-html="true" data-bs-custom-class="wide-popover" data-bs-content="{% include 'component_catalog/includes/vulnerability_info_popover.html' with vulnerability=vulnerability only %}">
+                    <i class="fa-solid fa-circle-info fa-xs text-muted ms-1"></i>
                   </span>
                 {% endif %}
               </strong>