From ad94ebddb723cb7f30a9aeb68a32c297dd108cab Mon Sep 17 00:00:00 2001
From: Jason Ish <jason.ish@oisf.net>
Date: Tue, 30 May 2023 14:51:17 -0600
Subject: [PATCH] doc/userguide: avoid horizontal scroll on rtd

Add CSS to avoid horizontal scroll in tables on ReadTheDocs. This will
wrap the text instead.

Also, vertically align to top so if a cell does wrap, other cells that
do not wrap don't place the text in the middle of the cell.
---
 doc/userguide/_static/css/suricata.css | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/doc/userguide/_static/css/suricata.css b/doc/userguide/_static/css/suricata.css
index 5fdbbf1118..43dc06b74e 100644
--- a/doc/userguide/_static/css/suricata.css
+++ b/doc/userguide/_static/css/suricata.css
@@ -25,3 +25,10 @@
 .example-rule-options {
     color: #00f;
 }
+
+/* Make tables wrap text to avoid requiring the user to horizontally
+ * scroll. */
+.wy-table-responsive table td, .wy-table-responsive table th {
+    white-space: inherit;
+    vertical-align: top !important;
+}