From 0805c8183b657df8f058833619143b0557cf5533 Mon Sep 17 00:00:00 2001
From: Adrien Beudin <beudbeud@beudibox.fr>
Date: Wed, 30 Mar 2016 13:32:07 +0200
Subject: [PATCH] fix bordered picture

---
 prosopopee/themes/material/static/css/styles.css    | 13 ++++++++++---
 .../templates/sections/bordered-picture.html        |  8 ++++----
 2 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/prosopopee/themes/material/static/css/styles.css b/prosopopee/themes/material/static/css/styles.css
index 0baaed5..c2bf495 100644
--- a/prosopopee/themes/material/static/css/styles.css
+++ b/prosopopee/themes/material/static/css/styles.css
@@ -62,8 +62,8 @@ main {
 }
 
 .bordered-picture .caption__overlay {
-    margin-left: 11.5%;
-    margin-right: 11.5%;
+    margin-left: 11.5% !important;
+    margin-right: 11.5% !important;
 }
 
 .caption .card-panel {
@@ -71,4 +71,11 @@ main {
     padding: 1px;
     text-align: center;
 }
-  
+
+.bordered-picture img {
+    height: 77%;
+    width: 77%;
+    margin-left: 11.5%;
+    margin-right: 11.5%;
+}
+
diff --git a/prosopopee/themes/material/templates/sections/bordered-picture.html b/prosopopee/themes/material/templates/sections/bordered-picture.html
index a5b11c3..1744d07 100644
--- a/prosopopee/themes/material/templates/sections/bordered-picture.html
+++ b/prosopopee/themes/material/templates/sections/bordered-picture.html
@@ -1,8 +1,8 @@
+{% set image = Image(section.image) %}
+{% set caption = section.text %}
+{{ image.copy()}}
 <div class="bordered-picture baguette caption">
-    {% set image = Image(section.image) %}
-    {% set caption = section.text %}
-    {{ image.copy()}}
-    <a href="{{ image }} {% if caption %}data-caption="{{ caption }}"{% endif %}>
+    <a href="{{ image }}" {% if caption %}data-caption="{{ caption }}"{% endif %}>
         <img class="responsive-img" src="{{ image.generate_thumbnail("x2000") }}">
         {% if caption %}
         <div class="caption__overlay card-panel center">