From 8d23e288ae353ca1a3259e22e7b2799c0a567637 Mon Sep 17 00:00:00 2001
From: Ludwig Schubert <ludwigschubert@google.com>
Date: Thu, 24 Aug 2017 10:30:09 -0700
Subject: [PATCH] Minor style changes

---
 src/components.js             | 5 +++--
 src/components/d-article.js   | 2 +-
 src/components/d-title.js     | 8 ++++----
 src/styles/styles-article.css | 1 -
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components.js b/src/components.js
index fc2d960..cdf8518 100644
--- a/src/components.js
+++ b/src/components.js
@@ -1,6 +1,6 @@
 /* Static styles and other modules */
 import './styles/styles';
-import katex from 'katex';
+// import katex from 'katex';
 
 /* Components */
 import { Abstract }         from './components/d-abstract';
@@ -43,4 +43,5 @@ function defineComponents() {
 }
 
 defineComponents();
-window.katex = katex;
+
+window.DMath = DMath;
diff --git a/src/components/d-article.js b/src/components/d-article.js
index b612cbf..63e5715 100644
--- a/src/components/d-article.js
+++ b/src/components/d-article.js
@@ -25,7 +25,7 @@ export class Article extends T(HTMLElement) {
         for (const addedNode of mutation.addedNodes) {
           switch (addedNode.nodeName) {
           case 'HR':
-            console.warn('Use of <hr> tags in distill articles is discouraged!');
+            console.warn('Use of <hr> tags in distill articles is discouraged as they interfere with layout! To separate sections, please just use h2 or h3 tags.');
             break;
           case '#text': { // usually text nodes are only linebreaks.
             const text = addedNode.nodeValue;
diff --git a/src/components/d-title.js b/src/components/d-title.js
index 36851f0..95c8897 100644
--- a/src/components/d-title.js
+++ b/src/components/d-title.js
@@ -1,5 +1,5 @@
 import { Template } from '../mixins/template';
-import { body } from '../helpers/layout';
+import { page } from '../helpers/layout';
 
 const T = Template('d-title', `
 <style>
@@ -34,14 +34,14 @@ const T = Template('d-title', `
 @media(min-width: 1024px) {
   ::slotted(h1) {
     padding-top: 64px;
-    padding-bottom: 64px;
+    padding-bottom: 32px;
     font-size: 48px;
   }
 }
 @media(min-width: 1280px) {
   ::slotted(h1) {
     padding-top: 96px;
-    padding-bottom: 64px;
+    padding-bottom: 32px;
     font-size: 56px;
   }
 }
@@ -50,7 +50,7 @@ d-byline {
   border-top: 1px solid rgba(0, 0, 0, 0.1);
 }
 
-${body('::slotted(h1), ::slotted(h2)')}
+${page('::slotted(h1), ::slotted(h2)')}
 
 </style>
 
diff --git a/src/styles/styles-article.css b/src/styles/styles-article.css
index 45e3e88..c090d55 100644
--- a/src/styles/styles-article.css
+++ b/src/styles/styles-article.css
@@ -61,7 +61,6 @@ d-article h3 {
   line-height: 1.4em;
   margin-top: 36px;
   margin-bottom: 18px;
-  font-style: italic;
 }
 d-article h1 + h3 {
   margin-top: 48px;