From f45b5d842bfda5eedcf1d76cbd7324d41e113079 Mon Sep 17 00:00:00 2001
From: Claude Paroz <claude@2xlibre.net>
Date: Sun, 14 Oct 2018 18:23:58 +0200
Subject: [PATCH] Change style to display photos side-by-side when there are 2
 photos

---
 recette/static/css/main.css | 2 +-
 templates/recette.html      | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/recette/static/css/main.css b/recette/static/css/main.css
index 89b62be..141acf7 100644
--- a/recette/static/css/main.css
+++ b/recette/static/css/main.css
@@ -1,3 +1,3 @@
 div.results { margin-top: 1em; }
-div.photo { float: right; }
+div.photo { display: inline-block; vertical-align: top; }
 div.photo img { max-width: 100%; }
diff --git a/templates/recette.html b/templates/recette.html
index 6f20d71..3c5f30d 100644
--- a/templates/recette.html
+++ b/templates/recette.html
@@ -17,11 +17,11 @@
 {% endif %}
 
 {% if recette.photo_instr %}
-<div class="photo"><img src="{{ recette.photo_instr.url }}">
+<div class="photo" style="max-width: 48%"><img src="{{ recette.photo_instr.url }}">
 </div>
 {% endif %}
 {% if recette.photo %}
-<div class="photo"{% if recette.ingredients.count or recette.photo_instr %} style="max-width: 50%"{% endif %}><img src="{{ recette.photo.url }}">
+<div class="photo"{% if recette.ingredients.count or recette.photo_instr %} style="max-width: 48%"{% endif %}><img src="{{ recette.photo.url }}">
 </div>
 {% endif %}
 {% endblock %}