make: btrfs-rec.md: Improve the markup

1 files changed, 20 insertions, 2 deletions

diff --git a/public/assets/style.css b/public/assets/style.css
index e653c21..1dbdb3d 100644
--- a/public/assets/style.css
+++ b/public/assets/style.css
@@ -30,10 +30,28 @@ li p + ul { margin-top: -1em; }
 
 kbd, code, samp, tt, pre {
 	background: #DDDDFF;
-	white-space: pre;
+}
+kbd, code, samp, tt,  {
+	white-space: pre-wrap;
+}
+@media screen {
+	/* Firefox for Android does weird hacks with font-size.  In
+	 * particular, `white-space: pre` is broken on Firefox for
+	 * Android if you don't set an absolute font-size.  So this is
+	 * a hack to get reasonable behavior without setting
+	 * `white-space: pre`.  */
+	pre {
+		white-space: pre-wrap;
+		overflow-x: auto;
+	}
+	pre > code {
+		white-space: pre-wrap;
+		display: block;
+		min-width: max-content;
+	}
 }
 @media print {
-	kbd, code, samp, tt, pre {
+	pre, pre > code {
 		white-space: pre-wrap;
 	}
 }