From 1ee5c5f310ee69dbfa5d8d5ff05d3aa6856883eb Mon Sep 17 00:00:00 2001
From: Ludwig Schubert <ludwigschubert@google.com>
Date: Mon, 16 Oct 2017 09:51:37 -0700
Subject: [PATCH] Text size and line-height bike-shedding, second time

---
 src/components/d-appendix.js      | 10 ++++++----
 src/components/d-citation-list.js |  4 +---
 src/components/d-title.js         |  9 +++++++++
 src/helpers/citation.js           |  2 +-
 src/styles/d-byline.css           |  2 +-
 src/styles/styles-base.css        |  8 ++------
 6 files changed, 20 insertions(+), 15 deletions(-)

diff --git a/src/components/d-appendix.js b/src/components/d-appendix.js
index 4587ef8..3e84aa3 100644
--- a/src/components/d-appendix.js
+++ b/src/components/d-appendix.js
@@ -6,7 +6,7 @@ const T = Template('d-appendix', `
 
 d-appendix {
   contain: content;
-  font-size: 13px;
+  font-size: 0.8em;
   line-height: 1.7em;
   margin-bottom: 0;
   border-top: 1px solid rgba(0,0,0,0.1);
@@ -19,14 +19,16 @@ d-appendix h3 {
   grid-column: page-start / text-start;
   font-size: 15px;
   font-weight: 500;
-  margin-top: 15px;
+  margin-top: 1em;
   margin-bottom: 0;
   color: rgba(0,0,0,0.65);
-  line-height: 1em;
+}
+
+d-appendix h3 + * {
+  margin-top: 1em;
 }
 
 d-appendix ol {
-  margin-top: 15px;
   padding: 0 0 0 30px;
   margin-left: -30px;
 }
diff --git a/src/components/d-citation-list.js b/src/components/d-citation-list.js
index 5b86328..902733e 100644
--- a/src/components/d-citation-list.js
+++ b/src/components/d-citation-list.js
@@ -11,12 +11,10 @@ d-citation-list {
 
 d-citation-list .references {
   grid-column: text;
-  font-size: 12px;
-  line-height: 20px;
 }
 
 d-citation-list .references .title {
-  font-weight: 600;
+  font-weight: 500;
 }
 
 </style>
diff --git a/src/components/d-title.js b/src/components/d-title.js
index 62a63bf..6cb80ec 100644
--- a/src/components/d-title.js
+++ b/src/components/d-title.js
@@ -2,11 +2,13 @@ import { Template } from '../mixins/template';
 
 const T = Template('d-title', `
 <style>
+
   :host {
     padding-top: 1rem;
     contain: content;
     display: block;
   }
+
   ::slotted(h1) {
     grid-column: text;
     font-size: 50px;
@@ -14,6 +16,13 @@ const T = Template('d-title', `
     line-height: 1.05em;
     margin: 0 0 0.5rem;
   }
+
+  ::slotted(p) {
+    font-weight: 300;
+    font-size: 1.5rem;
+    line-height: 1.2em;
+  }
+
   .status {
     margin-top: 0px;
     font-size: 12px;
diff --git a/src/helpers/citation.js b/src/helpers/citation.js
index bedbc76..3d1ff2f 100644
--- a/src/helpers/citation.js
+++ b/src/helpers/citation.js
@@ -116,7 +116,7 @@ function doi_string(ent, new_line){
 
 export function bibliography_cite(ent, fancy){
   if (ent){
-    var cite =  '<b>' + ent.title + '</b> ';
+    var cite =  '<span class="title">' + ent.title + '</span> ';
     cite += link_string(ent) + '<br>';
     cite += author_string(ent, '${L}, ${I}', ', ', ' and ');
     if (ent.year || ent.date){
diff --git a/src/styles/d-byline.css b/src/styles/d-byline.css
index acf5324..28e8628 100644
--- a/src/styles/d-byline.css
+++ b/src/styles/d-byline.css
@@ -1,7 +1,7 @@
 d-byline {
   border-top: 1px solid rgba(0, 0, 0, 0.1);
   contain: content;
-  font-size: 0.7rem;
+  font-size: 0.8rem;
   line-height: 1.8em;
   padding: 1.5rem 0;
   min-height: 1.8em;
diff --git a/src/styles/styles-base.css b/src/styles/styles-base.css
index 6fe1458..baa87ba 100644
--- a/src/styles/styles-base.css
+++ b/src/styles/styles-base.css
@@ -2,7 +2,8 @@ html {
   font-size: 16px;
 	line-height: 1.6em;
   /* font-family: "Libre Franklin", "Helvetica Neue", sans-serif; */
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif;
+  /*, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";*/
   text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
@@ -51,11 +52,6 @@ p {
   margin-bottom: 1em;
 }
 
-d-title p {
-  font-size: 1.5rem;
-  line-height: 1.2em;
-}
-
 .kicker,
 .marker {
   font-size: 15px;