Merge pull request aboutcode-org#919 from nexB/916-ui-bug

Fix UI wrap issue in Reference table aboutcode-org#916
TG1999 · Sep 13, 2022 · 08f9fac · 08f9fac
2 parents 3856f05 + de61405
commit 08f9fac
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/vulnerabilities/templates/vulnerability_details.html b/vulnerabilities/templates/vulnerability_details.html
@@ -190,11 +190,11 @@
                         {% for ref in vulnerability.references.all %}
                             <tr>
                                 {% if ref.reference_id %}
-                                    <td>{{ ref.reference_id }}</td>
+                                    <td class="wrap-strings">{{ ref.reference_id }}</td>
                                 {% else %}
                                     <td></td>
                                 {% endif %}
-                                <td><a href="{{ ref.url }}" target="_blank">{{ ref.url }}<i class="fa fa-external-link fa_link_custom"></i></a></td>
+                                <td class="wrap-strings"><a href="{{ ref.url }}" target="_blank">{{ ref.url }}<i class="fa fa-external-link fa_link_custom"></i></a></td>
                             </tr>
                         {% empty %}
                             <tr>

diff --git a/vulnerablecode/static/css/custom.css b/vulnerablecode/static/css/custom.css
@@ -193,6 +193,10 @@ code {
     /* word-break: break-all; */
 }
 
+.wrap-strings {
+    word-break: break-all;
+}
+
 .two-col-left {
     width: 160px;
     text-align: right !important;