From 03e6571545e8607f5d36932b8e27099b0bfa69ea Mon Sep 17 00:00:00 2001
From: "Phyks (Lucas Verney)" <phyks@phyks.me>
Date: Thu, 11 May 2017 14:27:30 +0200
Subject: [PATCH] Fix broken table layout due to large notes in pre tag

This closes #51.
---
 flatisfy/web/js_src/components/flatstable.vue | 1 +
 flatisfy/web/js_src/views/details.vue         | 2 ++
 2 files changed, 3 insertions(+)

diff --git a/flatisfy/web/js_src/components/flatstable.vue b/flatisfy/web/js_src/components/flatstable.vue
index 6fb3e2d..056225c 100644
--- a/flatisfy/web/js_src/components/flatstable.vue
+++ b/flatisfy/web/js_src/components/flatstable.vue
@@ -215,5 +215,6 @@ button {
 pre {
     white-space: pre-wrap;
     word-wrap: break-word;
+    word-break: break-all;
 }
 </style>
diff --git a/flatisfy/web/js_src/views/details.vue b/flatisfy/web/js_src/views/details.vue
index 23d2844..a629ac1 100644
--- a/flatisfy/web/js_src/views/details.vue
+++ b/flatisfy/web/js_src/views/details.vue
@@ -363,6 +363,8 @@ table {
 
 td {
     word-wrap: break-word;
+    word-break: break-all;
+    white-space: pre-wrap;
 }
 
 .time_to_list {