From 35292a64690f7c075eedaaa56404e7649a185d84 Mon Sep 17 00:00:00 2001
From: George Cushen <gcushen@users.noreply.github.com>
Date: Sat, 1 Jun 2019 19:32:55 +0100
Subject: [PATCH] style: make tables responsive

Fix #1119
---
 assets/sass/academic/_root.scss | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/assets/sass/academic/_root.scss b/assets/sass/academic/_root.scss
index faee8320..f6808b69 100644
--- a/assets/sass/academic/_root.scss
+++ b/assets/sass/academic/_root.scss
@@ -467,11 +467,14 @@ a.badge:hover {
  *  Tables
  **************************************************/
 
+/* Based on Bootstrap's `table-responsive` style. */
 table {
+  display: block;
   width: 100%;
-  max-width: 100%;
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
   margin-bottom: 1rem;
-  font-size: 0.93rem;
+  font-size: 0.8rem;
 }
 
 table > thead > tr > th,