From 1013785b6048b8c346c1fe04a86ef642da805616 Mon Sep 17 00:00:00 2001
From: Oleg Lavrovsky <oleg@utou.ch>
Date: Tue, 2 May 2017 16:47:18 +0200
Subject: [PATCH] Adjusted article font sizes

---
 .../home/templates/home/page_content.html        |  2 +-
 publichealth/static/css/modules/_articles.scss   | 10 +++++++++-
 publichealth/static/mockup/assets/css/main.css   | 16 +++++++++++++++-
 3 files changed, 25 insertions(+), 3 deletions(-)

diff --git a/publichealth/home/templates/home/page_content.html b/publichealth/home/templates/home/page_content.html
index 001c18a..2ef9cc5 100644
--- a/publichealth/home/templates/home/page_content.html
+++ b/publichealth/home/templates/home/page_content.html
@@ -6,7 +6,7 @@
 </div>
 {% endif %}
 
-<h2>{{ page.trans_title }}</h2>
+<h1 class="title">{{ page.trans_title }}</h1>
 
 <p class="lead">{{ page.trans_intro|richtext }}</p>
 
diff --git a/publichealth/static/css/modules/_articles.scss b/publichealth/static/css/modules/_articles.scss
index 1ccea26..082296f 100644
--- a/publichealth/static/css/modules/_articles.scss
+++ b/publichealth/static/css/modules/_articles.scss
@@ -5,13 +5,21 @@ section {
     background-color: $gray-lighter;
   }
 
-  h2 {
+  h1 {
+    font-size: 40px;
     text-align: center;
     margin-bottom: 1.5em;
     text-transform: uppercase;
   }
 }
 
+.article-body {
+  h2 { font-size: 35px; }
+  h3 { font-size: 30px; }
+  h4 { font-size: 25px; }
+  h5 { font-size: 22px; }
+}
+
 // Article content blocks
 .article-body > div {
   clear: both;
diff --git a/publichealth/static/mockup/assets/css/main.css b/publichealth/static/mockup/assets/css/main.css
index a789660..ef49695 100755
--- a/publichealth/static/mockup/assets/css/main.css
+++ b/publichealth/static/mockup/assets/css/main.css
@@ -8569,12 +8569,26 @@ section {
 section:nth-child(odd) {
   background-color: #eeeeee;
 }
-section h2 {
+section h1 {
+  font-size: 40px;
   text-align: center;
   margin-bottom: 1.5em;
   text-transform: uppercase;
 }
 
+.article-body h2 {
+  font-size: 35px;
+}
+.article-body h3 {
+  font-size: 30px;
+}
+.article-body h4 {
+  font-size: 25px;
+}
+.article-body h5 {
+  font-size: 22px;
+}
+
 .article-body > div {
   clear: both;
 }