From ae22c0b026b8e5ee9659b4b5c41c5462530019b2 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Sat, 26 Feb 2022 16:17:27 -0800
Subject: [PATCH] Use inline-block for code so it scrolls on smaller devices

---
 packages/web/styles/articleInnerStyling.css | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/web/styles/articleInnerStyling.css b/packages/web/styles/articleInnerStyling.css
index 4604ad953..ace5d1e08 100644
--- a/packages/web/styles/articleInnerStyling.css
+++ b/packages/web/styles/articleInnerStyling.css
@@ -293,6 +293,8 @@ on smaller screens we display the note icon
 
 .article-inner-css pre,
 .article-inner-css code {
+  display: inline-block;
+  vertical-align: bottom;
   word-wrap: initial;
   font-family: 'SF Mono', monospace !important;
   white-space: pre;