From dc68a1f808abf92a228ac0b05c9ef3ac51e5c620 Mon Sep 17 00:00:00 2001
From: FreneticScribbler <aj@aronajones.com>
Date: Tue, 8 Oct 2019 17:51:33 +0100
Subject: [PATCH] Improve handling of really long strings

Partially resolves #350, my table fix/hack doesn't work on mobile.
---
 assets/templates/asset_update.html                   | 4 ++--
 assets/templates/partials/asset_form.html            | 4 ++--
 assets/templates/partials/asset_list_table_body.html | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/assets/templates/asset_update.html b/assets/templates/asset_update.html
index 90e264e9..63a220a7 100644
--- a/assets/templates/asset_update.html
+++ b/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>
diff --git a/assets/templates/partials/asset_form.html b/assets/templates/partials/asset_form.html
index 0de1a72b..86c2c7a4 100644
--- a/assets/templates/partials/asset_form.html
+++ b/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>
diff --git a/assets/templates/partials/asset_list_table_body.html b/assets/templates/partials/asset_list_table_body.html
index 523e99e1..1eea6a73 100644
--- a/assets/templates/partials/asset_list_table_body.html
+++ b/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>