update css to properly handle table content stretching to fill width (#103)

* update css to properly handle table content stretching

* remove part about forcing to 50% for two columns

* remove duplicate css

Author: rosieyohannan

ui/src/css/doc.css

@@ -150,6 +150,7 @@
   border: 1px solid #D4D4D4;
   font-size: 0.95em;
   padding: 0.15em 0.4em;
+  white-space: nowrap;
 }
 
 .doc code,
@@ -264,8 +265,7 @@
   width: 100%;
   border-collapse: separate;
   border-spacing: 0;
-  display: block;
-  overflow-x: auto;
+  display: table;
   margin-bottom: 1rem;
   border: 1px solid #D4D4D4;
   border-radius: 8px;
@@ -279,6 +279,20 @@
   font-size: inherit;
 }
 
+/* Table cell styles */
+.doc table.tableblock td,
+.doc table.tableblock th {
+  box-sizing: border-box;
+  white-space: normal;
+  word-wrap: break-word;
+}
+
+/* Prevent wrapping of inline literal text in tables */
+.doc table.tableblock td code,
+.doc table.tableblock th code {
+  white-space: nowrap;
+}
+
 .doc td.tableblock > .content {
   word-wrap: anywhere; /* aka overflow-wrap; used when hyphens are disabled or aren't sufficient */
 }
@@ -1304,4 +1318,4 @@
 
 .image-modal-overlay.show {
   display: flex;
-}
+}