Improve handling of really long strings

Partially resolves #350, my table fix/hack doesn't work on mobile.

assets/templates/asset_update.html

@@ -9,9 +9,9 @@
 <div class="page-header">
   <h1>
       {% if edit and object %}
-          Edit Asset: {{ object.asset_id }} - {{ object.description }}
+          Edit Asset: {{ object.asset_id }}
       {% else %}
-          Asset: {{ object.asset_id }} - {{ object.description }}
+          Asset: {{ object.asset_id }}
       {% endif %}
   </h1>
 </div>

assets/templates/partials/asset_form.html

@@ -57,7 +57,7 @@
     <dd>{{ object.asset_id }}</dd>
 
     <dt>Description</dt>
-    <dd>{{ object.description }}</dd>
+    <dd style="overflow-wrap: break-word;">{{ object.description }}</dd>
 
     <dt>Category</dt>
     <dd>{{ object.category }}</dd>
@@ -69,7 +69,7 @@
     <dd>{{ object.serial_number|default:'-' }}</dd>
 
     <dt>Comments</dt>
-    <dd>{{ object.comments|default:'-'|linebreaksbr }}</dd>
+    <dd style="overflow-wrap: break-word;">{{ object.comments|default:'-'|linebreaksbr }}</dd>
     {% endif %}
   </div>
 </div>

assets/templates/partials/asset_list_table_body.html

@@ -12,7 +12,7 @@
                 {% endif %}
                 ">
         <td style="vertical-align: middle;"><a href="{% url 'asset_detail' item.pk %}">{{ item.asset_id }}</a></td>
-        <td style="vertical-align: middle;">{{ item.description }}</td>
+        <td style="vertical-align: middle; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 25vw">{{ item.description }}</td>
         <td style="vertical-align: middle;">{{ item.category }}</td>
         <td style="vertical-align: middle;">{{ item.status }}</td>
         <td>