Tweaks to CSS for articles

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

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 {

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%;

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;