adds styles and i18n for mailer budget investment created

app/views/mailer/budget_investment_created.html.erb

@@ -1,16 +1,42 @@
-Hola <%= @investment.author.name %>
+<td style="padding-bottom: 20px; padding-left: 10px;">
 
-Muchas gracias por crear tu proyecto <%= @investment.title %> para los Presupuestos Participativos de <%= @investment.budget.name %> de Madrid.
+<h1 style="font-family: 'Open Sans','Helvetica Neue',arial,sans-serif;">
+  <%= t("mailers.budget_investment_created.title") %>
+</h1>
 
-Te informaremos de cómo avanza el proceso, que también puedes seguir en
-<%= link_to budgets_url, budgets_url %>
+<p style="font-family: 'Open Sans','Helvetica Neue',arial,sans-serif;font-size: 14px;font-weight: normal;line-height: 24px;">
+  <%= t("mailers.budget_investment_created.intro_html",
+         author: @investment.author.name).html_safe %>
+</p>
 
-Atentamente,
+<p style="font-family: 'Open Sans','Helvetica Neue',arial,sans-serif;font-size: 14px;font-weight: normal;line-height: 24px;">
+  <%= t("mailers.budget_investment_created.text_html",
+         investment: @investment.title,
+         budget: @investment.budget.name).html_safe %>
+</p>
 
-Área de Participación Ciudadana, Transparencia
-y Gobierno Abierto del Ayuntamiento de Madrid
+<p style="font-family: 'Open Sans','Helvetica Neue',arial,sans-serif;font-size: 14px;font-weight: normal;line-height: 24px;">
+  <%= t("mailers.budget_investment_created.follow_html",
+         link: link_to(t("mailers.budget_investment_created.follow_link"), budgets_url)).html_safe %>
+</p>
 
-<div class="social-share-full">
-  <%= social_share_button_tag("#{@investment.title} #{setting['twitter_hashtag']}",
-                              url: budget_investment_url(@investment.budget, @investment)) %>
-</div>
+<table style="width: 100%;">
+  <tbody>
+    <tr>
+      <td style="padding-bottom: 12px; text-align: center;">
+        <%= link_to budget_investment_url(@investment.budget, @investment, anchor: "social-share"), style: "font-family: 'Open Sans','Helvetica Neue',arial,sans-serif; background: #f7f5f2; border-radius: 6px; color: #3d3d66!important; font-weight: bold; margin: 0px; padding: 10px 15px; text-align: center; text-decoration: none; min-width: 160px; display: inline-block;" do %>
+            <%= image_tag('icon_mailer_share.png',  style: "border: 0; display: inline-block; width: 100%; max-width: 16px", alt: "") %>
+            <%= t('mailers.budget_investment_created.share') %>
+        <% end %>
+      </td>
+    </tr>
+  </tbody>
+</table>
+
+<p style="font-family: 'Open Sans','Helvetica Neue',arial,sans-serif;font-size: 14px;font-weight: normal;line-height: 24px;">
+  <%= t("mailers.budget_investment_created.sincerely") %>
+  <br>
+  <span style="color: #ccc; font-size: 12px;">
+    <%= t("mailers.budget_investment_created.signatory") %>
+  </span>
+</p>