update css to stop code from wrapping

Author: rosieyohannan

docs/guides/modules/ROOT/partials/pipelines-and-triggers/pipeline-values.adoc

@@ -1,3 +1,5 @@
+[.table-scroll]
+--
 [.datatable.no-sort-col-3,cols="6*", options="header"]
 |===
 | Variable
@@ -471,3 +473,4 @@ a|  * GitLab: push, merge request
 | image:guides:ROOT:icons/cancel.svg[cancel icon, role="no-border"]
 
 |===
+--

ui/src/css/doc.css

@@ -1439,4 +1439,15 @@
 .doc .circle-red {
   color: #8F001C !important;
   font-weight: var(--heading-font-weight);
+}
+
+/* Prevent code text from wrapping in table cells */
+td .pre,
+td .code,
+td code,
+td pre,
+td .tableblock code,
+td p code,
+.tableblock code {
+  white-space: nowrap !important;
 }