From e6cb4faf03d166302733302fa04c045943492499 Mon Sep 17 00:00:00 2001
From: Oleg Lavrovsky <oleg@utou.ch>
Date: Mon, 18 Jun 2018 16:18:16 +0200
Subject: [PATCH] Tweaks to CSS for articles

---
 Makefile                                       | 2 ++
 publichealth/static/css/main.scss              | 2 +-
 publichealth/static/css/modules/_articles.scss | 6 ++++++
 publichealth/static/css/modules/_news.scss     | 2 +-
 4 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/Makefile b/Makefile
index 35c358a..ad328b8 100644
--- a/Makefile
+++ b/Makefile
@@ -70,6 +70,8 @@ backup:
 	docker-compose exec web ./manage.py dumpdata --natural-foreign -e auth.permission -e contenttypes -e wagtailcore.GroupCollectionPermission -e wagtailimages.rendition -e sessions -e feedler.feedlysettings > ~/publichealth.home.json
 	zip ~/publichealth.home.json.`date +"%d%m%Y-%H%M"`.zip ~/publichealth.home.json
 	rm ~/publichealth.home.json
+	echo "Backing up images ..."
+	zip -ruq ~/media.zip media
 
 django-loaddata:
 	gunzip ~/publichealth.home.json.gz
diff --git a/publichealth/static/css/main.scss b/publichealth/static/css/main.scss
index 858638e..004e3f9 100644
--- a/publichealth/static/css/main.scss
+++ b/publichealth/static/css/main.scss
@@ -12,7 +12,7 @@ $hr-border: $gray-light;
 body { margin-top: 104px; }
 
 @include mid-screen($screen-sm-min, $screen-md-min) {
-  body { margin-top: 200px; }
+  body { margin-top: 168px; }
 }
 @include max-screen(1000px) {
   .carousel-inner .item {
diff --git a/publichealth/static/css/modules/_articles.scss b/publichealth/static/css/modules/_articles.scss
index f3d6fe5..947e6b2 100644
--- a/publichealth/static/css/modules/_articles.scss
+++ b/publichealth/static/css/modules/_articles.scss
@@ -15,6 +15,11 @@ section {
   }
 }
 
+// Stretch the top image
+.content-page .container:first-child img.img-responsive {
+  width: 100%;
+}
+
 .article-body {
   h2 { font-size: 35px; }
   h3 { font-size: 30px; }
@@ -22,6 +27,7 @@ section {
   h5 { font-size: 22px; }
 
   line-height: 1.5;
+  background: white;
 
   img.full-width {
     width: 100%;
diff --git a/publichealth/static/css/modules/_news.scss b/publichealth/static/css/modules/_news.scss
index 02fb4ed..33a54f6 100644
--- a/publichealth/static/css/modules/_news.scss
+++ b/publichealth/static/css/modules/_news.scss
@@ -108,7 +108,7 @@
   }
 }
 
-// News detail article
+// Most pages are content pages
 .content-page {
   background: white;
   padding-top: 0;