Adds share buttons on spending proposals show

app/assets/stylesheets/participation.scss

@@ -860,6 +860,10 @@
   }
 }
 
+.investment-project-show .supports {
+  border: 0;
+}
+
 .proposals-summary {
 
   .panel {

app/views/spending_proposals/show.html.erb

@@ -25,10 +25,26 @@
 
     </div>
 
-    <div id="<%= dom_id(@spending_proposal) %>_votes" class="small-12 medium-3 column text-center">
+    <aside class="small-12 medium-3 column">
+      <div class="sidebar-divider"></div>
+      <h3><%= t("votes.supports") %></h3>
+      <div class="text-center">
+        <div id="<%= dom_id(@spending_proposal) %>_votes">
           <%= render 'spending_proposals/votes',
                       { spending_proposal: @spending_proposal, vote_url: vote_spending_proposal_path(@spending_proposal, value: 'yes') } %>
         </div>
+      </div>
+      <div class="sidebar-divider"></div>
+      <h3><%= t("spending_proposals.show.share") %></h3>
+      <div class="social-share-full">
+        <%= social_share_button_tag(@spending_proposal.title) %>
+        <% if browser.mobile? %>
+          <a href="whatsapp://send?text=<%= @spending_proposal.title %> <%= proposal_url(@spending_proposal) %>" data-action="share/whatsapp/share">
+            <span class="icon-whatsapp whatsapp"></span>
+          </a>
+        <% end %>
+      </div>
+    </aside>
 
   </div>
 </section>

config/locales/en.yml

@@ -438,6 +438,7 @@ en:
       back_link: Back
     show:
       author_deleted: User deleted
+      share: Share
     wrong_price_format: Only integer numbers
     spending_proposal:
       spending_proposal: Investment project

config/locales/es.yml

@@ -438,6 +438,7 @@ es:
       back_link: Volver
     show:
       author_deleted: Usuario eliminado
+      share: Compartir
     wrong_price_format: Solo puede incluir caracteres numéricos
     spending_proposal:
       spending_proposal: Propuesta de inversión