From 4ce8e14f865f87bda680603925bc8be518c62282 Mon Sep 17 00:00:00 2001
From: Alessandro Cuoghi <agileontheweb@gmail.com>
Date: Thu, 22 Jun 2017 14:46:19 +0200
Subject: [PATCH] Replaced div with tag 'figure' in budget investment show.

---
 app/assets/stylesheets/participation.scss      | 14 +++++++-------
 .../investments/_investment_show.html.erb      | 18 ++++++++++++------
 2 files changed, 19 insertions(+), 13 deletions(-)

diff --git a/app/assets/stylesheets/participation.scss b/app/assets/stylesheets/participation.scss
index 4c57c9798..7686887ed 100644
--- a/app/assets/stylesheets/participation.scss
+++ b/app/assets/stylesheets/participation.scss
@@ -928,13 +928,13 @@
 }
 
 .budget-investment-show{
-  .image{
-    text-align: center;
-  }
-  p.title-image{
-    font-size: 1rem;
-    margin-top:1.25rem;
-    margin-bottom:0;
+  figure{
+    margin: 1em 0 0;
+    display: inline-block;
+    figcaption{
+      font-size: $small-font-size;
+      margin-top:1rem;
+    }
   }
 }
 
diff --git a/app/views/budgets/investments/_investment_show.html.erb b/app/views/budgets/investments/_investment_show.html.erb
index 04e013fbd..ab255796a 100644
--- a/app/views/budgets/investments/_investment_show.html.erb
+++ b/app/views/budgets/investments/_investment_show.html.erb
@@ -30,15 +30,21 @@
 
       <!-- TODO: ROCK&ROR: Markup rework accordingly to mockup definition -->
       <% if investment.image.exists? %>
-        <div class="row columns image">
-            <%= image_tag investment.image.url(:large),
+      <div class="row">
+        <div class="small-12 column text-center">
+          <figure>
+            <%= image_tag investment.image.url(),
                           title: investment.image_title,
                           alt: investment.image_title %>
+            <figcaption class="text-right">
+              <em><%= investment.image_title %></em>
+            </figcaption>
+          </figure>
+          <hr>
         </div>
-        <p class="text-right title-image">
-          <em><%= investment.image_title %></em>
-        </p>
-        <hr>
+      </div>
+
+
       <% end %>
       <p id="investment_code">
         <%= t("budgets.investments.show.code_html", code: investment.id) %>