Merge remote-tracking branch 'pr/css' into fix-default-source

sagarkarira · sagarkarira · commit 4b8882bd78bb · 2020-03-25T02:41:16.000+05:30
diff --git a/lib/helpers.js b/lib/helpers.js
@@ -248,18 +248,37 @@ e.htmlTemplate = (body) => {
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>Coronavirus Tracker</title>
     <style>
+      *, ::after, ::before {
+        box-sizing: border-box;
+      }
       body {
         background-color: #0d0208;
         color: #00ff41;
+        font-size: 1rem;
+        font-weight: 400;
+        line-height: normal;
+        margin: 0;
+        text-align: left;
+      }
+      .container {
+        margin-right: auto;
+        margin-left: auto;
+        padding-right: 15px;
+        padding-left: 15px;
+        width: 100%;
       }
       pre {
+        display: block;
         font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+        overflow: auto;
         white-space: pre;
       }
     </style>
   </head>
   <body>
-    <pre>${body}</pre>
+    <div class="container">
+      <pre>${body}</pre>
+    </div>
   </body>
   </html>
 `;
