Fix severity table column spillover #982

Reference: #982

Signed-off-by: John M. Horan <[email protected]>

Author: johnmhoran

vulnerabilities/templates/vulnerability_details.html

@@ -94,19 +94,19 @@
                     <div class="tab-nested-div">
                         <table class="table is-bordered is-striped is-narrow is-hoverable is-fullwidth gray-header-border">
                             <tr>
-                                <th> System </th>
+                                <th style="width: 160px;"> System </th>
                                 <th> Score </th>
                                 <th> Found at </th>
                             </tr>
                             {% for severity in severities %}
                             <tr>
-                                <td>{{ severity.scoring_system }}</td>
-                                <td>{{ severity.value }}</td>
+                                <td class="wrap-strings">{{ severity.scoring_system }}</td>
+                                <td class="wrap-strings">{{ severity.value }}</td>
                                 {% if severity.reference.url %}
-                                    <td><a href="{{ severity.reference.url }}" target="_blank">
-                                    {{ severity.reference.url }}<i class="fa fa-external-link fa_link_custom"></i></a></td>
+                                <td class="wrap-strings"><a href="{{ severity.reference.url }}" target="_blank">
+                                        {{ severity.reference.url }}<i class="fa fa-external-link fa_link_custom"></i></a></td>
                                 {% else %}
-                                    <td>{{ severity.reference.reference_id }}</td>
+                                <td class="wrap-strings">{{ severity.reference.reference_id }}</td>
                                 {% endif %}
                             </tr>
                            {% empty %}
@@ -239,8 +239,8 @@
                     <table class="table is-bordered is-striped is-narrow is-hoverable is-fullwidth">
                         <thead>
                             <tr>
-                                <th><span 
-                                    class="has-tooltip-multiline has-tooltip-black has-tooltip-arrow has-tooltip-text-left" 
+                                <th><span
+                                    class="has-tooltip-multiline has-tooltip-black has-tooltip-arrow has-tooltip-text-left"
                                     data-tooltip="The package url or purl is a URL string used to identify and locate a software package.">
                                     Package URL</span>
                                 </th>