Left aligned math

src/components/d-math.js

@@ -17,6 +17,19 @@ const T = Template('d-math', `
   display: block;
 }
 
+#katex-container .katex-display {
+  text-align: left;
+  border-left: 2px solid #ddd;
+  padding: 8px 0 8px 36px;
+  margin: 20px 0;
+  color: rgba(0, 0, 0, 0.7);
+  -webkit-font-smoothing: antialiased;
+}
+
+#katex-container .katex {
+  font-size: 1.2em;
+}
+
 </style>
 
 ${katexCSSTag}

src/components/d-title.js

@@ -25,7 +25,7 @@ const T = Template('d-title', `
   font-weight: 300 !important;
   padding-top: 0 !important;
   padding-bottom: 0 !important;
-  line-height: 1.5em !important;
+  line-height: 1.6em !important;
   margin-top: 0 !important;
   margin-bottom: 18px !important;
 }

src/styles/styles-article.css

@@ -1,4 +1,3 @@
-
 d-article {
   color: rgba(0, 0, 0, 0.8);
   padding-top: 0;