Add budget investements images specs

app/views/budgets/investments/_form.html.erb

@@ -53,8 +53,12 @@
                         data: {js_url: suggest_tags_path} %>
     </div>
 
-    <div class="budget_investment_image">
-      <%= f.file_field :image %>
+    <div class="small-12 column">
+      <%= f.file_field :image, accept: 'image/jpeg' %>
+    </div>
+
+    <div class="small-12 column">
+      <%= f.text_field :image_description %>
     </div>
 
     <% unless current_user.manager? %>

app/views/budgets/investments/_investment.html.erb

@@ -2,7 +2,18 @@
   <div class="panel">
     <div class="row">
 
-      <div class="small-12 medium-9 column">
+      <!-- TODO: ROCK&ROR: Temporal markup. Place it as needed to reflect mockup -->
+      <div class="small-2 medium-2 large-2 column">
+        <% if investment.image.exists? %>
+          <%= image_tag investment.image.url(:thumb),
+                        title: investment.image_description,
+                        alt: investment.image_description, class: "th" %>
+        <% else %>
+          <!-- TODO: ROCK&ROR: Create colored placeholder or default image -->
+        <% end %>
+      </div>
+
+      <div class="small-10 medium-7 large-10 column">
         <div class="budget-investment-content">
 
           <% cache [locale_and_user_status(investment), 'index', investment, investment.author] do %>
@@ -43,12 +54,6 @@
 
       <% unless investment.unfeasible? %>
 
-        <% if investment.image.exists? %>
-          <div class="small-12 medium-3 column">
-            <%= image_tag investment.image.url(:medium) %>
-          </div>
-        <% end %>
-
         <% if investment.should_show_votes? %>
           <div id="<%= dom_id(investment) %>_votes"
                class="small-12 medium-3 column text-center">

app/views/budgets/investments/_investment_show.html.erb

@@ -37,8 +37,11 @@
         </p>
       <% end %>
 
+      <!-- TODO: ROCK&ROR: Markup rework accordingly to mockup definition -->
       <% if investment.image.exists? %>
-        <%= image_tag investment.image.url(:large) %>
+        <%= image_tag investment.image.url(:medium),
+                      title: investment.image_description,
+                      alt: investment.image_description %>
       <% end %>
 
       <%= render 'shared/tags', taggable: investment %>