fix pre/code styling

1 files changed, 14 insertions, 1 deletions

diff --git a/templates/style.css b/templates/style.css
index 6888891..b386843 100644
--- a/templates/style.css
+++ b/templates/style.css
@@ -91,12 +91,25 @@ img {
 
 code {
   font-family: monospace;
-  padding: 2px;
+  padding: 2px 5px;
   background-color: var(--code-background-color);
   color: var(--code-color);
   border-radius: 3px;
 }
 
+pre {
+  margin: unset;
+}
+
+pre code {
+  color: var(--code-color);
+  display: block;
+  padding: 20px;
+  white-space: pre-wrap;
+  font-size: 0.875rem;
+  overflow-x: auto;
+}
+
 blockquote,
 .aside {
   border-left: 1px solid #999;