From e08d432f108d1f0e771ec7194598c56e17afd89d Mon Sep 17 00:00:00 2001
From: Norman Walsh <ndw@nwalsh.com>
Date: Tue, 30 Jul 2024 14:29:50 +0100
Subject: [PATCH] Improve line breaks in syntax summaries

---
 src/main/resources/css/xproc.css | 21 ++++++++++++++-------
 1 file changed, 14 insertions(+), 7 deletions(-)

diff --git a/src/main/resources/css/xproc.css b/src/main/resources/css/xproc.css
index d1637f85..81a34ce0 100644
--- a/src/main/resources/css/xproc.css
+++ b/src/main/resources/css/xproc.css
@@ -5,12 +5,9 @@
     border-radius: 5px;
 }
 
-p.element-syntax code {
-    font-size: 100%;
-}
-
-dl.toc             { margin-top: 0;
-                     margin-bottom: 0
+dl.toc {
+    margin-top: 0;
+    margin-bottom: 0
 }
 
 dl.toc dt {
@@ -79,7 +76,13 @@ dl.errs dt {
     padding-bottom: 0.5ex;
 }
 
-.element-syntax                    { padding: 4px; line-height: 1.25; }
+.element-syntax {
+    padding: 4px;
+    line-height: 1.25;
+    white-space: nowrap;
+    overflow-x: scroll;
+}
+
 .element-syntax-declare-step       { border: solid thin;  background-color: #ffeeff }
 .element-syntax-declare-step-opt   { border: solid thin; background-color: #ffeeff }
 .element-syntax-declare-step-opt   { border: solid thin; background-color: #ffeeff }
@@ -89,6 +92,10 @@ dl.errs dt {
 .element-syntax-other-step         { border: solid thin;  background-color: #ffeeff }
 .element-syntax-step-vocabulary    { border: dotted thin; background-color: #ffffee }
 
+p.element-syntax code {
+    font-size: 100%;
+}
+
 div.funcsynopsis {
   background-color: #D5DEE3;
   border-bottom: 4px double #D3D3D3;