update inline code formatting (#89)

* update inline code formatting

* increase line height to prevent inline code from overlapping

Author: rosieyohannan

ui/src/css/doc.css

@@ -145,10 +145,11 @@
 .doc thead code,
 .doc .colist > table code {
   color: var(--code-font-color);
-  background: var(--code-background);
-  border-radius: 0.25em;
+  background: #F7F7F7;
+  border-radius: 4px;
+  border: 1px solid #D4D4D4;
   font-size: 0.95em;
-  padding: 0.125em 0.25em;
+  padding: 0.15em 0.4em;
 }
 
 .doc code,

ui/src/css/vars.css

@@ -77,7 +77,7 @@
   --doc-font-color: #343434;
   --doc-font-size: 16px;
   --doc-font-size--desktop: 16px;
-  --doc-line-height: 1.6;
+  --doc-line-height: 1.7;
   --doc-margin: 0 auto;
   --doc-margin--desktop: 0 2rem;
   --heading-font-color: #161616;