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>

config/locales/mailers.en.yml

@@ -64,7 +64,15 @@ en:
       button: Complete registration
       subject: "Invitation to %{org_name}"
     budget_investment_created:
-      subject: "Thank you for creating a proposal!"
+      subject: "Thank you for creating an investment!"
+      title: "Thank you for creating an investment!"
+      intro_html: "Hi <strong>%{author}</strong>,"
+      text_html: "Thank you for creating your investment <strong>%{investment}</strong> for Participatory Budgets <strong>%{budget}</strong>."
+      follow_html: "We will inform you about how the process progresses, which you can also follow on <strong>%{link}</strong>."
+      follow_link: "Participatory Budgets"
+      sincerely: "Sincerely,"
+      signatory: "DEPARTMENT OF PUBLIC PARTICIPATION"
+      share: "Comparte tu proyecto"
     budget_investment_unfeasible:
       hi: "Dear user,"
       new_html: "For all these, we invite you to elaborate a <strong>new proposal</strong> that ajusts to the conditions of this process. You can do it following this link: %{url}."

config/locales/mailers.es.yml

@@ -54,7 +54,15 @@ es:
       button: Completar registro
       subject: "Invitación a %{org_name}"
     budget_investment_created:
-      subject: "¡Gracias por crear una propuesta!"
+      subject: "¡Gracias por crear un proyecto!"
+      title: "¡Gracias por crear un proyecto!"
+      intro_html: "Hola <strong>%{author}</strong>,"
+      text_html: "Muchas gracias por crear tu proyecto <strong>%{investment}</strong> para los Presupuestos Participativos <strong>%{budget}</strong>."
+      follow_html: "Te informaremos de cómo avanza el proceso, que también puedes seguir en la página de <strong>%{link}</strong>."
+      follow_link: "Presupuestos participativos"
+      sincerely: "Atentamente,"
+      signatory: "DIRECCIÓN GENERAL DE PARTICIPACIÓN CIUDADANA"
+      share: "Comparte tu proyecto"
     budget_investment_unfeasible:
       hi: "Estimado usuario,"
       new_html: "Por todo ello, te invitamos a que elabores una <strong>nueva propuesta</strong> que se ajuste a las condiciones de este proceso. Esto lo puedes hacer en este enlace: %{url}."