From 1e384025b2081c3e6d2e08a4c149e4550b375769 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Javi=20Mart=C3=ADn?= <javim@elretirao.net>
Date: Wed, 27 Oct 2021 14:46:49 +0200
Subject: [PATCH] Fix phases table styles on small screens

The "enabled" column was aligned to the center, which looked weird when
seen on small screens because the `table-for-mobile` class (which I
think was added by accident) shows `th` and `td` elements using
`display: block`. Besides, using `display: block` on these elements
means browsers don't identify them as table headings/cells anymore,
causing accessibility issues.
---
 app/components/admin/budget_phases/phases_component.html.erb | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/admin/budget_phases/phases_component.html.erb b/app/components/admin/budget_phases/phases_component.html.erb
index 918dc6484..3d68ac7e4 100644
--- a/app/components/admin/budget_phases/phases_component.html.erb
+++ b/app/components/admin/budget_phases/phases_component.html.erb
@@ -1,5 +1,5 @@
 <% if phases.present? %>
-  <table class="budget-phases-table table-for-mobile">
+  <table class="budget-phases-table">
     <caption><%= t("admin.budgets.edit.phases_caption") %></caption>
     <thead>
       <tr>