From b15512f0258db995c5e02fb4053f25018d8a86df Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Javi=20Mart=C3=ADn?= <javim@elretirao.net>
Date: Wed, 27 Sep 2023 17:21:34 +0200
Subject: [PATCH] Fix focus outline on budget executions index

The outline was invisible when we had the link containing block
elements, and I didn't manage to fix it, so the easiest solution is to
use an inline link and style the card with CSS.
---
 app/assets/stylesheets/participation.scss     |  1 +
 .../budgets/executions/_investments.html.erb  | 25 ++++++++++---------
 2 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/app/assets/stylesheets/participation.scss b/app/assets/stylesheets/participation.scss
index 75a8e93fa..7b92ac831 100644
--- a/app/assets/stylesheets/participation.scss
+++ b/app/assets/stylesheets/participation.scss
@@ -1284,6 +1284,7 @@
 }
 
 .budget-execution {
+  @include card;
   border: 1px solid $border;
   overflow: hidden;
   position: relative;
diff --git a/app/views/budgets/executions/_investments.html.erb b/app/views/budgets/executions/_investments.html.erb
index 4a8d20834..e0f3abfdd 100644
--- a/app/views/budgets/executions/_investments.html.erb
+++ b/app/views/budgets/executions/_investments.html.erb
@@ -5,19 +5,20 @@
     <div class="row" data-equalizer-on="medium" data-equalizer>
       <% investments.each do |investment| %>
         <div class="small-12 medium-6 large-4 column end margin-bottom">
-          <div class="budget-execution">
-            <%= link_to budget_investment_path(@budget, investment, anchor: "tab-milestones"), data: { "equalizer-watch": true } do %>
-              <%= render Budgets::Executions::ImageComponent.new(investment) %>
-              <div class="budget-execution-info">
-                <div class="budget-execution-content">
-                  <h5><%= investment.title %></h5>
-                  <span class="author"><%= investment.author.name %></span>
-                </div>
-                <p class="price margin-top text-center">
-                  <strong><%= investment.formatted_price %></strong>
-                </p>
+          <div class="budget-execution" data-equalizer-watch>
+            <%= render Budgets::Executions::ImageComponent.new(investment) %>
+            <div class="budget-execution-info">
+              <div class="budget-execution-content">
+                <h5>
+                  <%= link_to investment.title,
+                              budget_investment_path(@budget, investment, anchor: "tab-milestones") %>
+                </h5>
+                <span class="author"><%= investment.author.name %></span>
               </div>
-            <% end %>
+              <p class="price margin-top text-center">
+                <strong><%= investment.formatted_price %></strong>
+              </p>
+            </div>
           </div>
         </div>
       <% end %>