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

Fix UI wrap issue in Reference table #916

Author: johnmhoran

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>

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;