Improve inline code & nested list padding in blog/docs

Author: pimterry

src/components/modules/block-code/block-code.styles.ts

@@ -41,7 +41,7 @@ export const StyledInlineCode = styled(Text)`
     color: var(--prism-text);
     background-color: var(--prism-bg);
     box-shadow: 0 0 0 1px ${({ theme }) => theme.colors.button.border};
-    padding: 0 6px;
+    padding: 2px 6px;
     border-radius: 4px;
     margin: 0 4px;
     font-size: 13px;

src/components/sections/rich-text/components/default.styles.ts

@@ -44,6 +44,11 @@ export const StyledUL = styled.ul`
   margin-bottom: 2rem;
   color: ${({ theme }) => theme.colors.text.darkGrey};
   font-size: ${({ theme }) => theme.fontSizes.text.m};
+
+  ul, ol {
+    margin-top: 2px;
+    margin-bottom: 2px;
+  }
 `;
 
 export const StyledOL = styled.ol`
@@ -52,6 +57,11 @@ export const StyledOL = styled.ol`
   margin-bottom: 2rem;
   color: ${({ theme }) => theme.colors.text.darkGrey};
   font-size: ${({ theme }) => theme.fontSizes.text.m};
+
+  ul, ol {
+    margin-top: 2px;
+    margin-bottom: 2px;
+  }
 }`;
 
 export const StyledImage = styled(Image)`