Style tweaks

src/template.ts

@@ -41,10 +41,24 @@ const defaultStylesheet = `
     border-radius: 4px;
     font-family: Source Code Pro;
     font-size: 16px;
-    padding: 4px;
+    overflow-x: scroll;
+  }
+
+  pre {
+    padding: 5px;
+  }
+
+  p code  {
     white-space: nowrap;
   }
 
+  pre code {
+    display: block;
+    overflow-x: scroll;
+    white-space: pre;
+    width: 100%;
+  }
+
   body.dark pre, body.dark code {
     background: #333333;
   }
@@ -56,7 +70,7 @@ const defaultStylesheet = `
   #settings, #container {
     box-sizing: border-box;
     margin: auto;
-    max-width: 700px;
+    max-width: 90ch;
     padding: 0 1em;
     width: 100%;
   }