Spacing tweaks

src/components/d-byline.js

@@ -9,14 +9,20 @@ d-byline .byline {
   line-height: 1.8em;
   color: rgba(0, 0, 0, 0.6);
 }
-
+d-byline .byline::before {
+  content: "";
+  display: block;
+  border-bottom: solid 1px #999;
+  width: 36px;
+  margin-bottom: 36px;
+}
 d-byline .byline::after {
   content: "";
   display: block;
   border-bottom: solid 1px #999;
-  width: 40px;
-  margin-top: 48px;
-  margin-bottom: 48px;
+  width: 36px;
+  margin-top: 36px;
+  margin-bottom: 36px;
 }
 
 d-byline a,

src/components/d-math.js

@@ -19,8 +19,9 @@ const T = Template('d-math', `
 
 #katex-container .katex-display {
   text-align: left;
-  padding: 8px 0 8px 0;
-  margin: 20px 0;
+  padding: 8px 0 8px 40px;
+  margin: 20px 0 ;
+  /*border-left: solid 1px rgba(0, 0, 0, 0.1);*/
 }
 
 #katex-container .katex {

src/components/d-title.js

@@ -13,7 +13,7 @@ const T = Template('d-title', `
   padding-top: 16px;
   padding-bottom: 0;
   margin-top: 0;
-  margin-bottom: 12px;
+  margin-bottom: 18px;
   line-height: 1.15;
   font-size: 32px;
   font-weight: 700;
@@ -26,8 +26,9 @@ const T = Template('d-title', `
   padding-top: 0 !important;
   padding-bottom: 0 !important;
   line-height: 1.6em !important;
-  margin-top: 0 !important;
-  margin-bottom: 18px !important;
+  margin-top: -2px !important;
+  margin-bottom: 36px !important;
+  border: none !important;
 }
 
 @media screen and (min-width: 768px), print {
@@ -47,10 +48,6 @@ const T = Template('d-title', `
   }
 }
 
-d-byline {
-  border-top: 1px solid rgba(0, 0, 0, 0.1);
-}
-
 </style>
 
 <slot></slot>