From b564ce61969fcb3e8cf942197f6f5e64b7eec153 Mon Sep 17 00:00:00 2001
From: Vera Rojman <vrojman@protonmail.com>
Date: Fri, 4 Jun 2021 17:03:13 +0200
Subject: [PATCH] Restyle project vote button

https://github.com/AjuntamentdeBarcelona/decidim/pull/16
---
 .../budgets/budget/_budget-vote-button.scss   | 27 +++++++++----------
 .../projects/_project_budget_button.html.erb  |  4 +--
 2 files changed, 15 insertions(+), 16 deletions(-)

diff --git a/decidim-budgets/app/assets/stylesheets/decidim/budgets/budget/_budget-vote-button.scss b/decidim-budgets/app/assets/stylesheets/decidim/budgets/budget/_budget-vote-button.scss
index 387505f041f1f..23c8fc9065362 100644
--- a/decidim-budgets/app/assets/stylesheets/decidim/budgets/budget/_budget-vote-button.scss
+++ b/decidim-budgets/app/assets/stylesheets/decidim/budgets/budget/_budget-vote-button.scss
@@ -4,20 +4,19 @@
   justify-content: space-between;
   align-items: center;
 
-  &:hover,
-  &:focus {
-    &.added {
-      .budget-list__action {
-        background: var(--primary);
-        border-color: white;
-        color: white;
-      }
-    }
-    &:not(.added) {
-      .budget-list__action {
-        border-color: white;
-        color: white;
-      }
+  span {
+    font-size: 1rem;
+  }
+
+  &.added {
+    background-color: tint($success, 80%);
+    color: $body-font-color;
+  }
+
+  &:not(.added) {
+    .budget-list__action {
+      border-color: white;
+      color: white;
     }
   }
 }
diff --git a/decidim-budgets/app/views/decidim/budgets/projects/_project_budget_button.html.erb b/decidim-budgets/app/views/decidim/budgets/projects/_project_budget_button.html.erb
index 604a5053b0bf4..204692aa33749 100644
--- a/decidim-budgets/app/views/decidim/budgets/projects/_project_budget_button.html.erb
+++ b/decidim-budgets/app/views/decidim/budgets/projects/_project_budget_button.html.erb
@@ -1,11 +1,11 @@
 <% if current_user.blank? %>
   <div id="project-<%= project.id %>-budget-button">
-    <button class="button expanded button--sc" data-toggle="loginModal">
+    <button class="button expanded primary button--sc" data-toggle="loginModal">
       <%= t(".add") %>
     </button>
   </div> 
 <% else %>
-  <div id="project-<%= project.id %>-budget-button" class="<%= "added" if voted_for?(project) %> button expanded button--sc budget-vote-button budget-list__data">
+  <div id="project-<%= project.id %>-budget-button" class="<%= "added" if voted_for?(project) %> button expanded primary button--sc budget-vote-button budget-list__data">
     <span>
       <%= t(voted_for?(project) ? ".added" : ".add") %>
     </span>