From e6e38ecf64fa3f1fa44b0bbc63632ecee456df36 Mon Sep 17 00:00:00 2001
From: David Gilbertson <gilbertson.david@gmail.com>
Date: Wed, 19 Feb 2020 09:56:38 +1100
Subject: [PATCH] doc: prevent tables from shrinking page

Tables on some pages (e.g. https://nodejs.org/api/crypto.html) are
quite wide because of long content (e.g. URLs) that don't break.
With this change, cell padding is smaller on small screens, and the
table content is allowed to break.

PR-URL: https://github.com/nodejs/node/pull/31859
Reviewed-By: Luigi Pinca <luigipinca@gmail.com>
Reviewed-By: Ruben Bridgewater <ruben@bridgewater.de>
Reviewed-By: James M Snell <jasnell@gmail.com>
---
 doc/api_assets/style.css | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/doc/api_assets/style.css b/doc/api_assets/style.css
index 9b6be151420d6c..5799a777353ba7 100644
--- a/doc/api_assets/style.css
+++ b/doc/api_assets/style.css
@@ -251,7 +251,7 @@ table {
 th,
 td {
   border: 1px solid #aaa;
-  padding: .75rem 1rem;
+  padding: .5rem;
   vertical-align: top;
 }
 
@@ -259,6 +259,22 @@ th {
   text-align: left;
 }
 
+td {
+  word-break: break-all; /* Fallback if break-word isn't supported */
+  word-break: break-word;
+}
+
+@media only screen and (min-width: 600px) {
+  th,
+  td {
+    padding: .75rem 1rem;
+  }
+
+  td:first-child {
+    word-break: normal;
+  }
+}
+
 ol,
 ul,
 dl {