Add information to the phase table to clarify its functionality.

Add a help text on admin budget show page and improve text from Admin::Budgets::HelpComponent in order to
clarify its functionality when we are using the wizard.

app/assets/stylesheets/admin/budgets/show.scss

@@ -13,4 +13,10 @@
   h4 {
     @include header-font-size(h3);
   }
+
+  .phases {
+    h3 {
+      margin-bottom: 0;
+    }
+  }
 }

app/components/admin/budgets/show_component.html.erb

@@ -11,8 +11,9 @@
     <%= render Admin::Budgets::GroupsAndHeadingsComponent.new(budget) %>
   </section>
 
-  <section aria-labelledby="phases_header">
+  <section class="phases" aria-labelledby="phases_header">
     <h3 id="phases_header"><%= t("admin.budgets.edit.phases_caption") %></h3>
+    <span class="help-text"><%= t("admin.budgets.edit.phases_table_help_text") %></span>
     <%= render Admin::BudgetPhases::PhasesComponent.new(budget) %>
   </section>
 

config/locales/en/admin.yml

@@ -113,6 +113,7 @@ en:
         delete: Delete budget
         phase: Phase
         phases_caption: "Phases"
+        phases_table_help_text: "The configuration of these phases is used for information purposes only. Its function is to define the phases information displayed on the public page of the participatory budget."
         duration: "Duration"
         enabled: Enabled
         actions: Actions
@@ -153,7 +154,7 @@ en:
         headings:
           multiple: "Headings are meant to divide the money of the participatory budget. Here you can add headings for this group and assign the amount of money that will be used for each heading."
           single: "Headings are meant to divide the money of the participatory budget. Since this budget will only contain one heading, this is the place where you stablish the money that will be spent in this participaroty budget."
-        phases: "Participatory budgets have different phases. Here you can enable or disable phases and also customize each individual phase."
+        phases: "Participatory budgets have different phases. Here you can enable or disable phases and also customize each individual phase. The configuration of these phases is used for information purposes only and will be displayed on the public page of the participatory budget."
       show:
         add_group: "Add group"
         add_heading: "Add heading"

config/locales/es/admin.yml

@@ -113,6 +113,7 @@ es:
         delete: Eliminar presupuesto
         phase: Fase
         phases_caption: "Fases"
+        phases_table_help_text: "La configuración de estas fases se utiliza únicamente con fines informativos. Su función es definir la información de las fases que se muestra en la página pública del presupuesto participativo."
         duration: "Duración"
         enabled: Habilitada
         actions: Acciones
@@ -153,7 +154,7 @@ es:
         headings:
           multiple: "Las partidas sirven para dividir el dinero del presupuesto participativo. Aquí puedes ir añadiendo partidas para cada grupo y establecer la cantidad de dinero que se gastará en cada partida."
           single: "Las partidas sirven para dividir el dinero del presupuesto participativo. Como este presupuesto solo tendrá una partida aquí podrás establecer la cantidad de dinero que se gastará en este presupuesto participativo."
-        phases: "Los presupuestos participativos tienen distintas fases. Aquí puedes habilitar o deshabilitar fases y también personalizar cada una de las fases."
+        phases: "Los presupuestos participativos tienen distintas fases. Aquí puedes habilitar o deshabilitar fases y también personalizar cada una de las fases. La configuración de estas fases se utiliza únicamente con fines informativos y se mostrará en la página pública del presupuesto participativo."
       show:
         add_group: "Añadir grupo"
         add_heading: "Añadir partida"

spec/system/admin/budgets_spec.rb

@@ -235,6 +235,9 @@ describe "Admin budgets", :admin do
 
         visit admin_budget_path(budget)
 
+        expect(page).to have_content "The configuration of these phases is used for information purposes "\
+                                     "only. Its function is to define the phases information displayed "\
+                                     "on the public page of the participatory budget."
         expect(page).to have_table "Phases", with_cols: [
           [
             "Information",