DOC - Fixing the width of tables and web pages

Fixing the current width of the webpages to expand screens better.

Issue-ID: DOC-310

Change-Id: Ib609fc548a22d189513a470adea7dea37559014b
Signed-off-by: Bozawglanian, Hagop (hb755d) <hb755d@att.com>

1 files changed, 27 insertions, 0 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;
+}