fix: prevent horizontal overflow of import error details #1174

src/static/css/main.css

@@ -1611,6 +1611,9 @@
   .text-pretty {
     text-wrap: pretty;
   }
+  .break-words {
+    overflow-wrap: break-word;
+  }
   .whitespace-nowrap {
     white-space: nowrap;
   }

src/templates/users/import_data.html

@@ -489,7 +489,7 @@
                             x-text="showDetails ? 'Hide traceback' : 'Show traceback'">Show traceback</button>
                   {% endif %}
 
-                  <div class="mt-2 space-y-1 text-sm bg-[#2a2f35] p-3 rounded"
+                  <div class="mt-2 space-y-1 text-sm bg-[#2a2f35] p-3 rounded overflow-x-auto break-words"
                        x-show="showDetails">
                     <div class="text-xs space-y-1 text-red-400">
                       {% for error in result.errors.splitlines %}<div>{{ error }}</div>{% endfor %}