decidim-elections 0.27.7 → 0.28.0.rc4

data/app/views/decidim/votings/admin/monitoring_committee_members/index.html.erb

@@ -1,41 +1,39 @@
+<% add_decidim_page_title(t(".title")) %>
 <div class="card" id="monitoring_committee_members">
-  <div class="card-divider">
-    <h2 class="card-title">
+  <div class="item_show__header">
+    <h2 class="item_show__header-title">
       <%= t(".title") %>
-      <%= link_to t("actions.new", scope: "decidim.votings.monitoring_committee_members", name: t("models.monitoring_committee_member.name", scope: "decidim.votings.admin")), new_voting_monitoring_committee_member_path(current_voting), class: "button tiny button--title" if allowed_to? :create, :monitoring_committee_member, voting: current_voting %>
+      <%= link_to t("actions.new", scope: "decidim.votings.monitoring_committee_members"), new_voting_monitoring_committee_member_path(current_voting), class: "button button__sm button__secondary" if allowed_to? :create, :monitoring_committee_member, voting: current_voting %>
     </h2>
   </div>
-
-  <div class="card-section">
-    <div class="table-scroll">
-      <table class="table-list">
-        <thead>
-          <tr>
-            <th><%= t("models.monitoring_committee_member.fields.name", scope: "decidim.votings.admin") %></th>
-            <th><%= t("models.monitoring_committee_member.fields.email", scope: "decidim.votings.admin") %></th>
-            <th class="actions"><%= t("actions.title", scope: "decidim.votings.monitoring_committee_members") %></th>
+  <div class="table-scroll">
+    <table class="table-list">
+      <thead>
+        <tr>
+          <th><%= t("models.monitoring_committee_member.fields.name", scope: "decidim.votings.admin") %></th>
+          <th><%= t("models.monitoring_committee_member.fields.email", scope: "decidim.votings.admin") %></th>
+          <th class="actions"><%= t("actions.title", scope: "decidim.votings.monitoring_committee_members") %></th>
+        </tr>
+      </thead>
+      <tbody>
+        <% monitoring_committee_members.each do |monitoring_committee_member| %>
+          <tr data-id="<%= monitoring_committee_member.id %>">
+            <td>
+              <%= monitoring_committee_member.user.name %>
+            </td>
+            <td>
+              <%= monitoring_committee_member.user.email %>
+            </td>
+            <td class="table-list__actions">
+              <% if allowed_to? :delete, :monitoring_committee_member, voting: current_voting, monitoring_committee_member: monitoring_committee_member %>
+                <%= icon_link_to "delete-bin-line", voting_monitoring_committee_member_path(current_voting, monitoring_committee_member), t("actions.destroy", scope: "decidim.votings.monitoring_committee_members"), method: :delete, class: "action-icon--remove", data: { confirm: t("actions.confirm_destroy", scope: "decidim.votings.monitoring_committee_members") } %>
+              <% else %>
+                <%= icon "delete-bin-line", class: "action-icon action-icon--disabled", role: "img", aria_label: t("actions.destroy", scope: "decidim.votings.monitoring_committee_members") %>
+              <% end %>
+            </td>
           </tr>
-        </thead>
-        <tbody>
-          <% monitoring_committee_members.each do |monitoring_committee_member| %>
-            <tr data-id="<%= monitoring_committee_member.id %>">
-              <td>
-                <%= monitoring_committee_member.user.name %>
-              </td>
-              <td>
-                <%= monitoring_committee_member.user.email %>
-              </td>
-              <td class="table-list__actions">
-                <% if allowed_to? :delete, :monitoring_committee_member, voting: current_voting, monitoring_committee_member: monitoring_committee_member %>
-                  <%= icon_link_to "circle-x", voting_monitoring_committee_member_path(current_voting, monitoring_committee_member), t("actions.destroy", scope: "decidim.votings.monitoring_committee_members"), method: :delete, class: "action-icon--remove", data: { confirm: t("actions.confirm_destroy", scope: "decidim.votings.monitoring_committee_members") } %>
-                <% else %>
-                  <%= icon "circle-x", class: "action-icon action-icon--disabled", role: "img", aria_label: t("actions.destroy", scope: "decidim.votings.monitoring_committee_members") %>
-                <% end %>
-              </td>
-            </tr>
-          <% end %>
-        </tbody>
-      </table>
-    </div>
+        <% end %>
+      </tbody>
+    </table>
   </div>
 </div>

data/app/views/decidim/votings/admin/monitoring_committee_members/new.html.erb

@@ -1,7 +1,18 @@
-<%= decidim_form_for([current_voting, @form], html: { class: "form new_monitoring_committee_member" }) do |f| %>
-  <%= render partial: "form", object: f, locals: { title: t(".title") } %>
-
-  <div class="button--double form-general-submit">
-    <%= f.submit t(".create") %>
+<% add_decidim_page_title(t(".title")) %>
+<div class="item_show__header">
+  <h2 class="item_show__header-title">
+    <%= t(".title") %>
+  </h2>
+</div>
+<div class="item__edit item__edit-1col">
+  <div class="item__edit-form">
+    <%= decidim_form_for([current_voting, @form], url: voting_monitoring_committee_members_path(current_voting), html: { class: "form-defaults form new_monitoring_committee_member" }) do |f| %>
+      <%= render partial: "form", object: f %>
+      <div class="item__edit-sticky">
+        <div class="item__edit-sticky-container">
+          <%= f.submit t(".create"), class: "button button__sm button__secondary" %>
+        </div>
+      </div>
+    <% end %>
   </div>
-<% end %>
+</div>

data/app/views/decidim/votings/admin/monitoring_committee_polling_station_closures/_closure_certificate_results.erb

@@ -6,4 +6,4 @@
   </div>
 </div>
 
-<%= stylesheet_pack_tag "decidim_votings_admin_votings", media: "all" %>
+<%= append_stylesheet_pack_tag "decidim_votings_admin" %>

data/app/views/decidim/votings/admin/monitoring_committee_polling_station_closures/_closures.html.erb

@@ -1,71 +1,68 @@
 <% unless elections.one? %>
   <%= link_to voting_monitoring_committee_polling_station_closures_path(current_voting) do %>
-    <%= icon "caret-left", class: "icon--small", role: "img" %> <%= t(".change_election") %>
+    <%= icon "arrow-left-s-fill", class: "icon--small", role: "img" %> <%= t(".change_election") %>
   <% end %>
 <% end %>
 
 <div class="card" id="monitoring_committee_polling_station_closures">
-  <div class="card-divider">
-    <h2 class="card-title">
+  <div class="item_show__header">
+    <h2 class="item_show__header-title">
       <%= t(".title", election_title: translated_attribute(election.title)).html_safe %>
     </h2>
   </div>
 
   <%= admin_filter_selector %>
-
-  <div class="card-section">
-    <div class="table-scroll">
-      <table class="table-list">
-        <thead>
-          <tr>
-            <th><%= t("models.polling_station.fields.title", scope: "decidim.votings.admin") %></th>
-            <th><%= t("models.polling_station.fields.address", scope: "decidim.votings.admin") %></th>
-            <th><%= t("models.polling_station.fields.polling_station_president", scope: "decidim.votings.admin") %></th>
-            <th><%= t(".signed") %></th>
-            <th><%= t(".validated") %></th>
-            <th class="actions"><%= t("actions.title", scope: "decidim.votings.admin.monitoring_committee_polling_station_closures") %></th>
-          </tr>
-        </thead>
-        <tbody>
-          <% filtered_polling_stations.each do |polling_station| %>
-            <%
-              closure = polling_station.closure_for(election)
-              sign_icon_name, sign_icon_style = closure&.signed? ? ["check", "polling_station__closure--present"] : ["x", "polling_station__closure--not_present"]
-              validated_icon_name, validated_icon_style = closure&.validated? ? ["check", "polling_station__closure--validated"] : ["x", "polling_station__closure--not_validated"]
-            %>
-            <tr <%= "data-id=#{closure.id}" if closure.present? %>>
-              <td>
-                <%= translated_attribute(polling_station.title) %>
-              </td>
-              <td>
-                <%= polling_station.address %>
-              </td>
-              <td>
-                <%= polling_station.polling_station_president&.name %>
-              </td>
-              <td>
-                <%= icon sign_icon_name, class: sign_icon_style %>
-              </td>
-              <td>
-                <%= icon validated_icon_name, class: validated_icon_style %>
-              </td>
-              <td class="table-list__actions">
-                <% if closure.present? && closure.signed? %>
-                  <% if closure.validated? && allowed_to?(:read, :monitoring_committee_polling_station_closure, voting: current_voting, closure: closure) %>
-                    <%= icon_link_to "eye", voting_monitoring_committee_polling_station_closure_path(current_voting, closure), t("actions.view", scope: "decidim.votings.admin.monitoring_committee_polling_station_closures"), class: "action-icon--view" %>
-                  <% elsif closure.signed? && allowed_to?(:validate, :monitoring_committee_polling_station_closure, voting: current_voting, closure: closure) %>
-                    <%= icon_link_to "check", edit_voting_monitoring_committee_polling_station_closure_path(current_voting, closure), t("actions.validate", scope: "decidim.votings.admin.monitoring_committee_polling_station_closures"), class: "action-icon--validate" %>
-                  <% else %>
-                    <%= icon "check", class: "action-icon action-icon--disabled", role: "img", aria_label: t("actions.validate", scope: "decidim.votings.admin.monitoring_committee_polling_station_closures") %>
-                  <% end %>
+  <div class="table-scroll">
+    <table class="table-list">
+      <thead>
+        <tr>
+          <th><%= t("models.polling_station.fields.title", scope: "decidim.votings.admin") %></th>
+          <th><%= t("models.polling_station.fields.address", scope: "decidim.votings.admin") %></th>
+          <th><%= t("models.polling_station.fields.polling_station_president", scope: "decidim.votings.admin") %></th>
+          <th><%= t(".signed") %></th>
+          <th><%= t(".validated") %></th>
+          <th class="actions"><%= t("actions.title", scope: "decidim.votings.admin.monitoring_committee_polling_station_closures") %></th>
+        </tr>
+      </thead>
+      <tbody>
+        <% filtered_polling_stations.each do |polling_station| %>
+          <%
+            closure = polling_station.closure_for(election)
+            sign_icon_name, sign_icon_style = closure&.signed? ? ["check-line", "polling_station__closure--present"] : ["close-line", "polling_station__closure--not_present"]
+            validated_icon_name, validated_icon_style = closure&.validated? ? ["check-line", "polling_station__closure--validated"] : ["close-line", "polling_station__closure--not_validated"]
+          %>
+          <tr <%= "data-id=#{closure.id}" if closure.present? %>>
+            <td>
+              <%= translated_attribute(polling_station.title) %>
+            </td>
+            <td>
+              <%= polling_station.address %>
+            </td>
+            <td>
+              <%= polling_station.polling_station_president&.name %>
+            </td>
+            <td>
+              <%= icon sign_icon_name, class: sign_icon_style %>
+            </td>
+            <td>
+              <%= icon validated_icon_name, class: validated_icon_style %>
+            </td>
+            <td class="table-list__actions">
+              <% if closure.present? && closure.signed? %>
+                <% if closure.validated? && allowed_to?(:read, :monitoring_committee_polling_station_closure, voting: current_voting, closure: closure) %>
+                    <%= icon_link_to "eye-line", voting_monitoring_committee_polling_station_closure_path(current_voting, closure), t("actions.view", scope: "decidim.votings.admin.monitoring_committee_polling_station_closures"), class: "action-icon--view", target: "_blank", data: { "external-link": false } %>
+                <% elsif closure.signed? && allowed_to?(:validate, :monitoring_committee_polling_station_closure, voting: current_voting, closure: closure) %>
+                    <%= icon_link_to "check-line", edit_voting_monitoring_committee_polling_station_closure_path(current_voting, closure), t("actions.validate", scope: "decidim.votings.admin.monitoring_committee_polling_station_closures"), class: "action-icon--validate" %>
                 <% else %>
-                  <%= icon "eye", class: "action-icon action-icon--disabled", role: "img", aria_label: t("actions.view", scope: "decidim.votings.admin.monitoring_committee_polling_station_closures") %>
+                  <%= icon "check-line", class: "action-icon action-icon--disabled", role: "img", aria_label: t("actions.validate", scope: "decidim.votings.admin.monitoring_committee_polling_station_closures") %>
                 <% end %>
-              </td>
-            </tr>
-          <% end %>
-        </tbody>
-      </table>
-    </div>
+              <% else %>
+                <%= icon "eye-line", class: "action-icon action-icon--disabled", role: "img", aria_label: t("actions.view", scope: "decidim.votings.admin.monitoring_committee_polling_station_closures") %>
+              <% end %>
+            </td>
+          </tr>
+        <% end %>
+      </tbody>
+    </table>
   </div>
 </div>

data/app/views/decidim/votings/admin/monitoring_committee_polling_station_closures/_elections.html.erb

@@ -1,32 +1,29 @@
 <div class="card" id="monitoring_committee_polling_station_closures">
-  <div class="card-divider">
-    <h2 class="card-title">
+  <div class="item_show__header">
+    <h2 class="item_show__header-title">
       <%= t(".title") %>
     </h2>
   </div>
-
-  <div class="card-section">
-    <div class="table-scroll">
-      <table class="table-list">
-        <thead>
-          <tr>
-            <th><%= t("title", scope: "decidim.elections.admin.elections.index") %></th>
-            <th class="actions"><%= t("actions.title", scope: "decidim.votings.admin.monitoring_committee_polling_station_closures") %></th>
+  <div class="table-scroll">
+    <table class="table-list">
+      <thead>
+        <tr>
+          <th><%= t("title", scope: "decidim.elections.admin.elections.index") %></th>
+          <th class="actions"><%= t("actions.title", scope: "decidim.votings.admin.monitoring_committee_polling_station_closures") %></th>
+        </tr>
+      </thead>
+      <tbody>
+        <% elections.finished.each do |election| %>
+          <tr data-id="<%= election.id %>">
+            <td>
+              <%= link_to translated_attribute(election.title), voting_monitoring_committee_polling_station_closures_path(current_voting, election_id: election.id) %>
+            </td>
+            <td class="table-list__actions">
+              <%= icon_link_to "eye-line", voting_monitoring_committee_polling_station_closures_path(current_voting, election_id: election.id), t("actions.view", scope: "decidim.votings.admin.monitoring_committee_polling_station_closures"), class: "action-icon--edit", target: "_blank", data: { "external-link": false } %>
+            </td>
           </tr>
-        </thead>
-        <tbody>
-          <% elections.finished.each do |election| %>
-            <tr data-id="<%= election.id %>">
-              <td>
-                <%= link_to translated_attribute(election.title), voting_monitoring_committee_polling_station_closures_path(current_voting, election_id: election.id) %>
-              </td>
-              <td class="table-list__actions">
-                <%= icon_link_to "eye", voting_monitoring_committee_polling_station_closures_path(current_voting, election_id: election.id), t("actions.view", scope: "decidim.votings.admin.monitoring_committee_polling_station_closures"), class: "action-icon--edit" %>
-              </td>
-            </tr>
-          <% end %>
-        </tbody>
-      </table>
-    </div>
+        <% end %>
+      </tbody>
+    </table>
   </div>
 </div>

data/app/views/decidim/votings/admin/monitoring_committee_polling_station_closures/edit.html.erb

@@ -1,10 +1,11 @@
+<% add_decidim_page_title(t(".title", polling_station_title: translated_attribute(closure.polling_station.title), election_title: translated_attribute(closure.election.title))) %>
 <%= link_to voting_monitoring_committee_polling_station_closures_path(current_voting, election_id: closure.election.id) do %>
-  <%= icon "caret-left", class: "icon--small", role: "img" %> <%= t(".change_polling_station") %>
+  <%= icon "arrow-left-s-fill", class: "icon--small", role: "img" %> <%= t(".change_polling_station") %>
 <% end %>
 
 <div class="card" id="monitoring_committee_polling_station_closures">
-  <div class="card-divider">
-    <h2 class="card-title">
+  <div class="item_show__header">
+    <h2 class="item_show__header-title">
       <%= t(".title", polling_station_title: translated_attribute(closure.polling_station.title), election_title: translated_attribute(closure.election.title)).html_safe %>
     </h2>
   </div>
@@ -14,15 +15,15 @@
   <div class="card-section">
     <%= decidim_form_for @form, url: validate_voting_monitoring_committee_polling_station_closure_path(current_voting, closure), method: :post do |form| %>
       <%= content_tag :div,
-        form.text_area(
-          :monitoring_committee_notes,
-          rows: 5,
-          label: t(".monitoring_committee_notes"),
-          placeholder: t(".monitoring_committee_notes_placeholder")
-        ) %>
+                      form.text_area(
+                        :monitoring_committee_notes,
+                        rows: 5,
+                        label: t(".monitoring_committee_notes"),
+                        placeholder: t(".monitoring_committee_notes_placeholder")
+                      ) %>
 
-      <div class="button--double form-general-submit">
-        <%= form.submit t("actions.validate", scope: "decidim.votings.admin.monitoring_committee_polling_station_closures") %>
+      <div class="form__wrapper-block flex-col-reverse md:flex-row justify-between">
+        <%= form.submit t("actions.validate", scope: "decidim.votings.admin.monitoring_committee_polling_station_closures"), class: "button button__sm button__secondary" %>
       </div>
     <% end %>
   </div>

data/app/views/decidim/votings/admin/monitoring_committee_polling_station_closures/show.html.erb

@@ -1,5 +1,5 @@
 <%= link_to voting_monitoring_committee_polling_station_closures_path(current_voting, election_id: closure.election.id) do %>
-  <%= icon "caret-left", class: "icon--small", role: "img" %> <%= t(".change_polling_station") %>
+  <%= icon "arrow-left-s-fill", class: "icon--small", role: "img" %> <%= t(".change_polling_station") %>
 <% end %>
 
 <%= render partial: "closure_certificate_results" %>

data/app/views/decidim/votings/admin/monitoring_committee_verify_elections/index.html.erb

@@ -1,51 +1,49 @@
+<% add_decidim_page_title(t(".title")) %>
 <div class="card" id="monitoring_committee_verify_elections">
-  <div class="card-divider">
-    <h2 class="card-title">
+  <div class="item_show__header">
+    <h2 class="item_show__header-title">
       <%= t(".title") %>
     </h2>
   </div>
-
-  <div class="card-section">
-    <div class="table-scroll">
-      <table class="table-list">
-        <thead>
-          <tr>
-            <th><%= t("models.election.fields.title", scope: "decidim.elections") %></th>
-            <th><%= t("models.election.fields.verifiable_results_file_url", scope: "decidim.elections") %></th>
-            <th><%= t("models.election.fields.verifiable_results_file_hash", scope: "decidim.elections") %></th>
+  <div class="table-scroll">
+    <table class="table-list">
+      <thead>
+        <tr>
+          <th><%= t("models.election.fields.title", scope: "decidim.elections") %></th>
+          <th><%= t("models.election.fields.verifiable_results_file_url", scope: "decidim.elections") %></th>
+          <th><%= t("models.election.fields.verifiable_results_file_hash", scope: "decidim.elections") %></th>
+        </tr>
+      </thead>
+      <tbody>
+        <% elections.each do |election| %>
+          <tr data-id="<%= election.id %>">
+            <td>
+              <%= translated_attribute(election.title) %>
+            </td>
+            <td>
+              <% if election.verifiable_results_file_url.present? %>
+                <%= link_to t(".download"), election.verifiable_results_file_url %>
+              <% else %>
+                <%= t(".not_available") %>
+              <% end %>
+            </td>
+            <td>
+              <% if election.verifiable_results_file_hash.present? %>
+                <%= election.verifiable_results_file_hash %>
+              <% else %>
+                <%= t(".not_available") %>
+              <% end %>
+            </td>
           </tr>
-        </thead>
-        <tbody>
-          <% elections.each do |election| %>
-            <tr data-id="<%= election.id %>">
-              <td>
-                <%= translated_attribute(election.title) %>
-              </td>
-              <td>
-                <% if election.verifiable_results_file_url.present? %>
-                  <%= link_to t(".download"), election.verifiable_results_file_url %>
-                <% else %>
-                  <%= t(".not_available") %>
-                <% end %>
-              </td>
-              <td>
-                <% if election.verifiable_results_file_hash.present? %>
-                  <%= election.verifiable_results_file_hash %>
-                <% else %>
-                  <%= t(".not_available") %>
-                <% end %>
-              </td>
-            </tr>
-          <% end %>
-        </tbody>
-      </table>
-    </div>
+        <% end %>
+      </tbody>
+    </table>
   </div>
 </div>
 
 <div class="card" id="monitoring_committee_verify_elections_instructions">
-  <div class="card-divider">
-    <h2 class="card-title">
+  <div class="item_show__header">
+    <h2 class="item_show__header-title">
       <%= t(".how_to_title") %>
     </h2>
   </div>

data/app/views/decidim/votings/admin/polling_officers/_form.html.erb

@@ -1,27 +1,26 @@
-<div class="card">
-  <div class="card-divider">
-    <h2 class="card-title"><%= title %></h2>
-  </div>
-  <div class="card-section user-fields">
-    <div class="row column">
-      <%= form.select :existing_user, [[t(".non_user"), false], [t(".existing_user"), true]], label: t(".user_type") %>
-    </div>
+<div class="form__wrapper">
+  <div class="card pt-4">
+    <div class="card-section user-fields">
+      <div class="row column">
+        <%= form.select :existing_user, [[t(".non_user"), false], [t(".existing_user"), true]], label: t(".user_type") %>
+      </div>
 
-    <div class="row column user-fields--user-picker">
-      <% prompt_options = { url: decidim_admin.users_organization_url, placeholder: t(".select_user") } %>
-      <%= form.autocomplete_select(:user_id, form.object.user.presence, { multiple: false }, prompt_options) do |user|
-        { value: user.id, label: "#{user.name} (@#{user.nickname})" }
-      end %>
-    </div>
+      <div class="row column user-fields--user-picker">
+        <% prompt_options = { url: decidim_admin.users_organization_url, placeholder: t(".select_user") } %>
+        <%= form.autocomplete_select(:user_id, form.object.user.presence, { multiple: false }, prompt_options) do |user|
+          { value: user.id, label: "#{user.name} (@#{user.nickname})" }
+        end %>
+      </div>
 
-    <div class="row column user-fields--email">
-      <%= form.email_field :email %>
-    </div>
+      <div class="row column user-fields--email">
+        <%= form.email_field :email %>
+      </div>
 
-    <div class="row column user-fields--name">
-      <%= form.text_field :name %>
+      <div class="row column user-fields--name">
+        <%= form.text_field :name %>
+      </div>
     </div>
   </div>
 </div>
 
-<%= javascript_pack_tag "decidim_votings_admin_polling_officers_form" %>
+<%= append_javascript_pack_tag "decidim_votings_admin" %>

data/app/views/decidim/votings/admin/polling_officers/index.html.erb

@@ -1,50 +1,49 @@
+<% add_decidim_page_title(t(".title")) %>
 <div class="card" id="polling_officers">
-  <div class="card-divider">
-    <h2 class="card-title">
+  <div class="item_show__header">
+    <h2 class="item_show__header-title">
       <%= t(".title") %>
-      <%= link_to t("actions.new", scope: "decidim.votings.polling_officers", name: t("models.polling_officer.name", scope: "decidim.votings.admin")), new_voting_polling_officer_path(current_voting), class: "button tiny button--title" if allowed_to? :create, :polling_officer, voting: current_voting %>
+      <%= link_to t("actions.new", scope: "decidim.votings.polling_officers"), new_voting_polling_officer_path(current_voting), class: "button button__sm button__secondary" if allowed_to? :create, :polling_officer, voting: current_voting %>
     </h2>
   </div>
 
   <%= admin_filter_selector %>
-  <div class="card-section">
-    <div class="table-scroll">
-      <table class="table-list">
-        <thead>
-          <tr>
-            <th><%= t("models.polling_officer.fields.name", scope: "decidim.votings.admin") %></th>
-            <th><%= t("models.polling_officer.fields.email", scope: "decidim.votings.admin") %></th>
-            <th><%= t("models.polling_officer.fields.polling_station", scope: "decidim.votings.admin") %></th>
-            <th class="actions"><%= t("actions.title", scope: "decidim.votings.polling_officers") %></th>
+  <div class="table-scroll">
+    <table class="table-list">
+      <thead>
+        <tr>
+          <th><%= t("models.polling_officer.fields.name", scope: "decidim.votings.admin") %></th>
+          <th><%= t("models.polling_officer.fields.email", scope: "decidim.votings.admin") %></th>
+          <th><%= t("models.polling_officer.fields.polling_station", scope: "decidim.votings.admin") %></th>
+          <th class="actions"><%= t("actions.title", scope: "decidim.votings.polling_officers") %></th>
+        </tr>
+      </thead>
+      <tbody>
+        <% filtered_polling_officers.each do |polling_officer| %>
+          <tr data-id="<%= polling_officer.id %>">
+            <td>
+              <%= polling_officer.name %>
+            </td>
+            <td>
+              <%= polling_officer.email %>
+            </td>
+            <td>
+              <% if polling_officer.presided_polling_station.present? %>
+                <%= link_to "#{translated_attribute(polling_officer.presided_polling_station.title)} (#{t(".role_president")})", edit_voting_polling_station_path(current_voting, polling_officer.presided_polling_station) %>
+              <% elsif polling_officer.managed_polling_station.present? %>
+                <%= link_to "#{translated_attribute(polling_officer.managed_polling_station.title)} (#{t(".role_manager")})", edit_voting_polling_station_path(current_voting, polling_officer.managed_polling_station) %>
+              <% end %>
+            </td>
+            <td class="table-list__actions">
+              <% if allowed_to? :delete, :polling_officer, voting: current_voting, polling_officer: polling_officer %>
+                <%= icon_link_to "delete-bin-line", voting_polling_officer_path(current_voting, polling_officer), t("actions.destroy", scope: "decidim.votings.polling_officers"), method: :delete, class: "action-icon--remove", data: { confirm: t("actions.confirm_destroy", scope: "decidim.votings.polling_officers") } %>
+              <% else %>
+                <%= icon "delete-bin-line", class: "action-icon action-icon--disabled", role: "img", aria_label: t("actions.destroy", scope: "decidim.votings.polling_officers") %>
+              <% end %>
+            </td>
           </tr>
-        </thead>
-        <tbody>
-          <% filtered_polling_officers.each do |polling_officer| %>
-            <tr data-id="<%= polling_officer.id %>">
-              <td>
-                <%= polling_officer.name %>
-              </td>
-              <td>
-                <%= polling_officer.email %>
-              </td>
-              <td>
-                <% if polling_officer.presided_polling_station.present? %>
-                  <%= link_to "#{translated_attribute(polling_officer.presided_polling_station.title)} (#{t(".role_president") })", edit_voting_polling_station_path(current_voting, polling_officer.presided_polling_station) %>
-                <% elsif polling_officer.managed_polling_station.present? %>
-                  <%= link_to "#{translated_attribute(polling_officer.managed_polling_station.title)} (#{t(".role_manager") })", edit_voting_polling_station_path(current_voting, polling_officer.managed_polling_station) %>
-                <% end %>
-              </td>
-              <td class="table-list__actions">
-                <% if allowed_to? :delete, :polling_officer, voting: current_voting, polling_officer: polling_officer %>
-                  <%= icon_link_to "circle-x", voting_polling_officer_path(current_voting, polling_officer), t("actions.destroy", scope: "decidim.votings.polling_officers"), method: :delete, class: "action-icon--remove", data: { confirm: t("actions.confirm_destroy", scope: "decidim.votings.polling_officers") } %>
-                <% else %>
-                  <%= icon "circle-x", class: "action-icon action-icon--disabled", role: "img", aria_label: t("actions.destroy", scope: "decidim.votings.polling_officers") %>
-                <% end %>
-              </td>
-            </tr>
-          <% end %>
-        </tbody>
-      </table>
-    </div>
+        <% end %>
+      </tbody>
+    </table>
   </div>
 </div>

data/app/views/decidim/votings/admin/polling_officers/new.html.erb

@@ -1,7 +1,18 @@
-<%= decidim_form_for([current_voting, @form], html: { class: "form new_polling_officer" }) do |f| %>
-  <%= render partial: "form", object: f, locals: { title: t(".title") } %>
-
-  <div class="button--double form-general-submit">
-    <%= f.submit t(".create") %>
+<% add_decidim_page_title(t(".title")) %>
+<div class="item_show__header">
+    <h2 class="item_show__header-title">
+    <%= t(".title") %>
+  </h2>
+</div>
+<div class="item__edit item__edit-1col">
+  <div class="item__edit-form">
+    <%= decidim_form_for([current_voting, @form], url: voting_polling_officers_path, html: { class: "form-defaults form new_polling_officer" }) do |f| %>
+      <%= render partial: "form", object: f %>
+      <div class="item__edit-sticky">
+        <div class="item__edit-sticky-container">
+          <%= f.submit t(".create"), class: "button button__sm button__secondary" %>
+        </div>
+      </div>
+    <% end %>
   </div>
-<% end %>
+</div>