Merge "DOC - Fixing the width of tables and web pages"

2 files changed, 28 insertions, 1 deletions

diff --git a/docs/_static/css/ribbon.css b/docs/_static/css/ribbon.css
index b378f432d..6008cb1a0 100644
--- a/docs/_static/css/ribbon.css
+++ b/docs/_static/css/ribbon.css
@@ -34,3 +34,30 @@
   background: #c11;
   color: #fff;
 }
+
+
+/* override table width restrictions */
+@media screen and (min-width: 767px) {
+
+   .wy-table-responsive table td, .wy-table-responsive table th {
+      /* !important prevents the common CSS stylesheets from overriding
+         this as on RTD they are loaded after this stylesheet */
+      white-space: normal !important;
+   }
+
+   .wy-table-responsive {
+      overflow: visible !important;
+   }
+}
+
+@media screen and (max-width: 767px) {
+    .wy-table-responsive table td {
+        white-space: nowrap;
+    }
+}
+
+/* fix width of the screen */
+
+.wy-nav-content {
+    max-width: none;
+}
diff --git a/docs/_templates/layout.html b/docs/_templates/layout.html
index ba05e829f..578452912 100644
--- a/docs/_templates/layout.html
+++ b/docs/_templates/layout.html
@@ -2,7 +2,7 @@
 {% extends "!layout.html" %}
 
 {# Custom CSS override for warning banner #}
-{% set css_files = css_files + ['_static/css/warning-header.css'] %}
+{% set css_files = css_files + ['_static/css/ribbon.css'] %}
 
 {# Ribbon #}
 {% block content %}