From a3fe47cb88e94d778eda7d043a56574651598a9d Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Fri, 16 Nov 2018 14:45:38 +0100
Subject: [PATCH] content table fixes

---
 src/components/DocContent.module.scss | 6 ++++++
 src/styles/global.scss                | 6 ++++++
 2 files changed, 12 insertions(+)

diff --git a/src/components/DocContent.module.scss b/src/components/DocContent.module.scss
index 2296ce31..bd24aa7b 100644
--- a/src/components/DocContent.module.scss
+++ b/src/components/DocContent.module.scss
@@ -21,6 +21,12 @@
         padding-bottom: $spacer / $line-height;
         border-bottom: 1px solid $brand-grey-lighter;
     }
+
+    table {
+        overflow-wrap: normal;
+        word-wrap: normal;
+        word-break: normal;
+    }
 }
 
 .empty {
diff --git a/src/styles/global.scss b/src/styles/global.scss
index 51766ade..fe43f75d 100644
--- a/src/styles/global.scss
+++ b/src/styles/global.scss
@@ -219,6 +219,11 @@ table {
     width: 100%;
     margin-bottom: $spacer * $line-height;
     border-collapse: collapse;
+    display: block;
+
+    // make 'em scrollable
+    overflow: auto;
+    -webkit-overflow-scrolling: touch;
 
     th,
     td {
@@ -227,6 +232,7 @@ table {
         padding: $spacer / 2;
         border-bottom: 1px solid $brand-grey-lighter;
         text-align: left;
+        font-size: 90%;
 
         &[align='center'] {
             text-align: center;