Merge branch 'fix-responsive-table' into 'master'

Fixes broken table layout

Closes #176

See merge request gitlab-com/gitlab-docs!229

1 files changed, 5 insertions, 3 deletions

diff --git a/content/assets/stylesheets/stylesheet.scss b/content/assets/stylesheets/stylesheet.scss
index 7d4df3ba..dec5b540 100644
--- a/content/assets/stylesheets/stylesheet.scss
+++ b/content/assets/stylesheets/stylesheet.scss
@@ -1,5 +1,5 @@
 ---
-version: 31
+version: 32
 ---
 
 @import "variables";
@@ -31,9 +31,10 @@ a, a:visited {
 table {
   width: 100%;
   border-collapse: collapse;
-  overflow-x: scroll;
+  overflow-x: auto;
   border: 1px solid $table-border-color;
   margin: 0 0 15px;
+  word-wrap: break-word;
 
   thead {
     background: $thead-background-color;
@@ -41,7 +42,8 @@ table {
 
   tbody {
     tr > td {
-      max-width: 300px;
+      max-width: 100%;
+      min-width: 100px;
     }
     code {
       word-wrap: break-word;