Fix UI wrap issue in Reference table #916

Reference: #916 Signed-off-by: John M. Horan <johnmhoran@gmail.com>
aboutcode-org · Sep 13, 2022 · de61405 · de61405
1 parent 3856f05
commit de61405
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;