Apply rounded borders to inline code inside list elements.

There isn't a good way to target "any <code> not inside a <pre>" so we do a little reverse logic here, as a treat.

1 files changed, 6 insertions, 1 deletions

diff --git a/ui/styles/messages.css b/ui/styles/messages.css
index 61415e3..ce5809b 100644
--- a/ui/styles/messages.css
+++ b/ui/styles/messages.css
@@ -136,12 +136,17 @@
   text-decoration: underline;
 }
 
-.message-body p > code {
+.message-body code {
   white-space: pre-wrap;
   border: 1px solid #312e81;
   border-radius: 0.25rem;
 }
 
+.message-body pre > code {
+  white-space: none;
+  border: none;
+}
+
 /* For rendered message bodies: */
 .message-body blockquote {
   margin-left: 0.25rem;