Tweaking styles in header

examples/article.html

@@ -105,7 +105,7 @@
   <d-acknowledgements>
     <h3>Contributions</h3>
     <p>Some text describing who did what.</p>
-    <h4>Reviewers</h4>
+    <h3>Reviewers</h3>
     <p>Some text with links describing who reviewed the article.</p>
   </d-acknowledgements>
 

src/components/d-byline.js

@@ -53,14 +53,17 @@ const T = Template('d-byline', `
   }
   .byline {
     line-height: 1.8em;
+    border-top: solid 1px rgba(0, 0, 0, 0.1);
+    margin-top: 20px;
+    padding-top: 20px;
   }
-  .byline::after {
+  /*.byline::after {
     content: "";
     display: block;
     border-bottom: solid 1px #999;
     width: 40px;
     margin-top: 60px;
-  }
+  }*/
 
   @media screen and (min-width: 768px), print {
     d-byline {

src/components/d-title.js

@@ -12,7 +12,7 @@ const T = Template('d-title', `
 }
 ::slotted(h1) {
   padding-top: 16px;
-  padding-bottom: 12px;
+  padding-bottom: 0;
   margin: 0;
   line-height: 1.15;
   font-size: 32px;
@@ -26,8 +26,8 @@ const T = Template('d-title', `
   padding-top: 0 !important;
   padding-bottom: 0 !important;
   line-height: 1.5em !important;
-  margin-top: 0 !important;
-  margin-bottom: 24px !important;
+  margin-top: 12px !important;
+  margin-bottom: 0 !important;
 }
 
 @media screen and (min-width: 768px), print {