From dd53b6fa72b917445013c59719e94a3a0d7ddc43 Mon Sep 17 00:00:00 2001
From: ansuz <ansuz@transitiontech.ca>
Date: Mon, 2 Aug 2021 18:05:46 +0530
Subject: [PATCH] constrain table width in checkup summaries

---
 www/checkup/app-checkup.less | 20 ++++++++++++--------
 www/checkup/main.js          | 10 ++++++----
 2 files changed, 18 insertions(+), 12 deletions(-)

diff --git a/www/checkup/app-checkup.less b/www/checkup/app-checkup.less
index df8cef8d8..026d1952c 100644
--- a/www/checkup/app-checkup.less
+++ b/www/checkup/app-checkup.less
@@ -46,14 +46,18 @@ html, body {
         padding: 15px;
     }
 
-    table {
-        td {
-            padding: 5px;
-            border: 1px solid @cryptpad_text_col;
-            font-size: 60%;
-        }
-        td:nth-child(2) {
-            word-break: break-word;
+    .table-container {
+        overflow-x: auto;
+        width: 100%;
+        table {
+            td {
+                padding: 5px;
+                border: 1px solid @cryptpad_text_col;
+                font-size: 60%;
+            }
+            td:nth-child(2) {
+                word-break: break-word;
+            }
         }
     }
 
diff --git a/www/checkup/main.js b/www/checkup/main.js
index 6fd085464..171b9ac3b 100644
--- a/www/checkup/main.js
+++ b/www/checkup/main.js
@@ -902,10 +902,12 @@ define([
 
         return h('div.error', [
             h('h5', obj.message),
-            h('table', [
-                row(["Failed test number", obj.test + 1]),
-                row(["Returned value", h('pre', code(printableValue))]),
-            ]),
+            h('div.table-container',
+                h('table', [
+                    row(["Failed test number", obj.test + 1]),
+                    row(["Returned value", h('pre', code(printableValue))]),
+                ]),
+            ),
         ]);
     };