From d620bc52b0f4538dd263ceb296153277c6ee57d4 Mon Sep 17 00:00:00 2001
From: Jake Howard <git@theorangeone.net>
Date: Wed, 10 May 2017 18:14:30 +0100
Subject: [PATCH] Style images

---
 md_pdf/assets/static/style.scss |  17 ++++++++++++++++-
 md_pdf/build/template.py        |  11 +++++++++--
 test-files/test-image.png       | Bin 1132 -> 801 bytes
 3 files changed, 25 insertions(+), 3 deletions(-)

diff --git a/md_pdf/assets/static/style.scss b/md_pdf/assets/static/style.scss
index d158fa2..419f740 100644
--- a/md_pdf/assets/static/style.scss
+++ b/md_pdf/assets/static/style.scss
@@ -16,7 +16,22 @@ body.cover {
   }
 }
 
-body, html {
+
+$image_spacing: 30px;
+
+body.content {
   line-height: 1.5;
   font-size: 12px;
+
+  img {
+    width: 100%;
+    margin-top: $image_spacing
+  }
+
+  p.caption {
+    margin: 0 5px $image_spacing;
+    padding: 0;
+    font-style: italic;
+  }
+
 }
diff --git a/md_pdf/build/template.py b/md_pdf/build/template.py
index 835162d..7533106 100644
--- a/md_pdf/build/template.py
+++ b/md_pdf/build/template.py
@@ -25,6 +25,13 @@ def add_base_tag(doc, config):
     return soup.prettify()
 
 
+def add_body_class(doc, config):
+    logger.debug("Adding Body Class...")
+    soup = BeautifulSoup(doc, 'html.parser')
+    soup.body['class'] = 'content'
+    return soup.prettify()
+
+
 def render_template(html, config):
     logger.debug("Rendering Template...")
     template = Template(html)
@@ -36,9 +43,9 @@ def parse_template(doc, config):
     for parser in [
         fix_references_title,
         add_base_tag,
-        render_template
+        add_body_class,
     ]:
         parsed_doc = parser(parsed_doc, config)
-    return parsed_doc
+    return render_template(parsed_doc, config)
 
 
diff --git a/test-files/test-image.png b/test-files/test-image.png
index a91d8ec029825c5572cce5661d040339fbc32c93..05e2bc8b733aa72867675a384c2fbc842a789ae8 100644
GIT binary patch
literal 801
zcmeAS@N?(olHy`uVBq!ia0vp^8-TcpgAGVNV|Drgq}Y<Y-CY>|gW!U_%O?XxI14-?
ziy0WWg+Z8+Vb&Z8pdfpRr>`sfLsl*UORFUNU#}S$nAUl^IEGZ*dVAeAJ2+6{z{lsy
zJcD0$2V`oOPA=QDAfP}%Muw#{oIU(6L)Yqf2OZUOyEHlcN()z)eBkwVeY0T2jia}^
zx}0aL^?r}DZ}2);w4(KX{#jN3b7%k0xs#F_Ic;K4w$`Fb)0Z9VXEz&uDNvkrdxzY`
znf_Lfo;(V;v#-?RqtmI59pZv-mjp{GAAfW%;nvm=rZPiD<pco(4hhEQ2FC*m2`oHJ
zY(S<UP=uuiEFxe47I8cP6ah)%RL;ZX1~dS>a;RCzro)s&twu4uE<83mfBD=Cr<7-9
zem_}d-Tg02{pZ=Nt)EVOHhS5!rz7I_<+&BAsVQ%D{=U2s+xu@{)vbp9IXh;S39fBD
zG3)o_a}p=2AN_oF_euPTt&K-3g5o``9)G=Y(88)z@nz2%jievP{;n{&EEhL@y-fe~
z>3V8*jn{8=GM`h<UUv8GRi*BIy=R{=UVl}Y61c>^u{tZ0S+D!WStYGb{)b+BwSQGz
z{x_?F?bv(^lwkY6HY@e9>n%?E@a=n^e3=<+XlVHHyz;A5({E<{xxW|htK21$KVSFn
z*RN6MD|*U%m+XzTZ+m=t@y&>n_RFM$#3q(TdETqqU?lZ>mz%QEqsx!K&d5Cf_v5bj
zKZ|O#r){^@mzK2*c=ttbR-VuCouAXoYs~F4&K&hg&O2^@{P~~SJz3}9of0lwV<wrr
y^`!3l-xne~%I8-03skUyViPUyh>47{h4D2`t?sAF9@+sDGlQqApUXO@geCwu(nGcY

literal 1132
zcmeAS@N?(olHy`uVBq!ia0vp^n?RU@4M;xgnwkNm6iQqpN`eD|To^KQ6Vp?5^AZh=
z^a_f~^itBw^@<CMQuOjtOP<IrO=DnSVfS=#45_&F_S*gIvxPFpKdzt3o%+=M&794V
z*0VL$Pqi)-3F;CNzw+lrjKtC@+B+TUb{j?qN94UZ)Othof5V+$>>ge<;Zx+r7Zq&Y
z{yr~eqUrCP({kslV&_<WeS7))$G`I?r%qDwL`7$xDJk_|seRr3V~XnC-`l&Dq^suE
znfJSv)y7`Rwccd>=}pO_xmsbmVV=8$eXAE|K7G1G`>Nja|GZE5-!J3%q&p#9;fde`
zM>ffnQG)z1IId9t^Ovo@nCJJ8Sv4o6C%yZ6`shWAA4Wf)eUtBPySHx1?OU6T=bha>
zq2l@DO6Tg0UYF*^Y}21s{&m?sk82mN&KB>U@;c_OthSYw=k{%DYq|3NwcfbA#qiYH
z)06T}UVAqq-o`}pdc|kgk}X#k6=xP-;^n)e6_;i&^!~R;*s9o*!TW!mzPdLsGs|z+
ztx0{FKP>HJe~aaK)J=1Z-ZlBZ>#XAEp;K0EeUiS@w!(Uu0^W#z63MXh&NgkJSFUgR
zx1Qau=0yR|7k;0L=34VdpO+s0zh}91+oN}fitA(c#`K@n-90()@vO%eBjvk}F{fY7
z{Xg^3zAfqpcdxqh^|ekq|F`3Z8`byU4Y<E|$F<wv-|w!<Rare{*5@n!Pb<DX_*ZbI
zMJ~2p$o6XY<$bbizs}(No~m^F%BJj?beU#5&Fea*%{)dY6zELYtXABwY1iZTy-l8{
zU#xFgE$fqu^Ik2@y#MXmuNOW$^o1iCD}fIDeQ!z3<_gJl)XWIXn`fWZG4ZI^JmdYa
S<OQ(!VDNPHb6Mw<&;$V5_|3xr