decidim-elections 0.27.7 → 0.28.0.rc4

data/app/views/decidim/elections/admin/elections/new.html.erb

@@ -1,8 +1,18 @@
 <% add_decidim_page_title(t(".title")) %>
-<%= decidim_form_for(@form, html: { class: "form new_election" }) do |f| %>
-  <%= render partial: "form", object: f, locals: { title: t(".title") } %>
-
-  <div class="button--double form-general-submit">
-    <%= f.submit t(".create") %>
+<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(@form, html: { class: "form-defaults form new_election" }) 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/elections/admin/proposals_imports/new.html.erb

@@ -1,24 +1,39 @@
-<%= decidim_form_for(@form, url: election_question_proposals_import_path, html: { class: "form import_proposals" }) do |f| %>
-  <% if @form.origin_components.any? %>
-    <div class="card">
-      <div class="card-divider">
-        <h2 class="card-title"><%= t(".title") %></h2>
-      </div>
+<% add_decidim_page_title(t(".title")) %>
+<div class="item_show__header">
+  <h2 class="item_show__header-title">
+    <div>
+      <%= link_to translated_attribute(election.title), elections_path %> &gt;
+      <%= link_to translated_attribute(question.title), election_questions_path(election) %> &gt;
+      <%= t(".title") %>
+    </div>
+  </h2>
+</div>
 
-      <div class="card-section">
-        <div class="row column">
-          <%= f.select :origin_component_id, @form.origin_components_collection, prompt: t(".select_component") %>
-        </div>
-        <div class="row column">
-          <%= f.check_box :import_all_accepted_proposals %>
+<div class="item__edit item__edit-1col">
+  <div class="item__edit-form">
+    <%= decidim_form_for(@form, url: election_question_proposals_import_path, html: { class: "form form-defaults import_proposals" }) do |f| %>
+      <% if @form.origin_components.any? %>
+        <div class="form__wrapper">
+          <div class="card pt-4">
+            <div class="card-section">
+              <div class="row column">
+                <%= f.select :origin_component_id, @form.origin_components_collection, prompt: t(".select_component") %>
+              </div>
+              <div class="row column">
+                <%= f.check_box :import_all_accepted_proposals %>
+              </div>
+            </div>
+          </div>
         </div>
-      </div>
-    </div>
 
-    <div class="button--double form-general-submit">
-      <%= f.submit t(".create") %>
-    </div>
-  <% else %>
-    <p><%= t(".no_components") %></p>
-  <% end %>
-<% end %>
+        <div class="item__edit-sticky">
+          <div class="item__edit-sticky-container">
+            <%= f.submit t(".create"), class: "button button__sm button__secondary" %>
+          </div>
+        </div>
+      <% else %>
+        <p><%= t(".no_components") %></p>
+      <% end %>
+    <% end %>
+  </div>
+</div>

data/app/views/decidim/elections/admin/questions/_form.html.erb

@@ -1,27 +1,25 @@
-<div class="card">
-  <div class="card-divider">
-    <h2 class="card-title"><%= title %></h2>
-  </div>
-
-  <div class="card-section">
-    <div class="row column">
-      <%= form.translated :text_field, :title, autofocus: true %>
-    </div>
+<div class="form__wrapper">
+  <div class="card pt-4">
+    <div class="card-section">
+      <div class="row column">
+        <%= form.translated :text_field, :title, autofocus: true, aria: { label: :title } %>
+      </div>
 
-    <div class="row column">
-      <%= form.number_field :max_selections, step: 1, min: 0 %>
-    </div>
+      <div class="row column">
+        <%= form.number_field :max_selections, step: 1, min: 0 %>
+      </div>
 
-    <div class="row column">
-      <%= form.number_field :weight %>
-    </div>
+      <div class="row column">
+        <%= form.number_field :weight %>
+      </div>
 
-    <div class="row column">
-      <%= form.check_box :random_answers_order %>
-    </div>
+      <div class="row column">
+        <%= form.check_box :random_answers_order %>
+      </div>
 
-    <div class="row column">
-      <%= form.check_box :min_selections, {}, "0", "1" %>
+      <div class="row column">
+        <%= form.check_box :min_selections, {}, "0", "1" %>
+      </div>
     </div>
   </div>
 </div>

data/app/views/decidim/elections/admin/questions/edit.html.erb

@@ -1,7 +1,21 @@
-<%= decidim_form_for([election, @form], html: { class: "form edit_question" }) do |f| %>
-  <%= render partial: "form", object: f, locals: { title: t(".title") } %>
-
-  <div class="button--double form-general-submit">
-    <%= f.submit t(".update") %>
+<% add_decidim_page_title(t(".title")) %>
+<div class="item_show__header">
+  <h2 class="item_show__header-title">
+    <div>
+      <%= link_to translated_attribute(election.title), elections_path %> &gt;
+      <%= t(".title") %>
+    </div>
+  </h2>
+</div>
+<div class="item__edit item__edit-1col">
+  <div class="item__edit-form">
+    <%= decidim_form_for([election, @form], html: { class: "form-defaults form edit_question" }) do |f| %>
+      <%= render partial: "form", object: f %>
+      <div class="item__edit-sticky">
+        <div class="item__edit-sticky-container">
+          <%= f.submit t(".update"), class: "button button__sm button__secondary" %>
+        </div>
+      </div>
+    <% end %>
   </div>
-<% end %>
+</div>

data/app/views/decidim/elections/admin/questions/index.html.erb

@@ -1,59 +1,60 @@
+<% add_decidim_page_title(t(".title")) %>
 <div class="card">
-  <div class="card-divider">
-    <h2 class="card-title">
-      <%= link_to translated_attribute(election.title), elections_path %> &gt;
+  <div class="item_show__header">
+    <h2 class="item_show__header-title">
       <%= t(".title") %>
 
-      <%= link_to t("actions.new", scope: "decidim.elections", name: t("models.question.name", scope: "decidim.elections.admin")), new_election_question_path(election), class: "button tiny button--title" if allowed_to? :create, :question, election: election %>
+      <%= link_to t("actions.new_question", scope: "decidim.elections"), new_election_question_path(election), class: "button button__sm button__secondary" if allowed_to? :create, :question, election: election %>
     </h2>
   </div>
-
-  <div class="card-section">
-    <div class="table-scroll">
-      <table class="table-list">
-        <thead>
-          <tr>
-            <th><%= t("models.question.fields.title", scope: "decidim.elections") %></th>
-            <th><%= t("models.question.fields.answers", scope: "decidim.elections") %></th>
-            <th><%= t("models.question.fields.max_selections", scope: "decidim.elections") %></th>
-            <th class="actions"><%= t("actions.title", scope: "decidim.elections") %></th>
-          </tr>
-        </thead>
-        <tbody>
-          <% questions.each do |question| %>
-            <tr data-id="<%= question.id %>">
-              <td>
+  <div class="table-scroll">
+    <table class="table-list">
+      <thead>
+        <tr>
+          <th><%= t("models.question.fields.title", scope: "decidim.elections") %></th>
+          <th><%= t("models.question.fields.answers", scope: "decidim.elections") %></th>
+          <th><%= t("models.question.fields.max_selections", scope: "decidim.elections") %></th>
+          <th class="actions"><%= t("actions.title", scope: "decidim.elections") %></th>
+        </tr>
+      </thead>
+      <tbody>
+        <% questions.each do |question| %>
+          <tr data-id="<%= question.id %>">
+            <td>
+              <% if allowed_to? :update, :question, election: election, question: question %>
+                <%= link_to translated_attribute(question.title), edit_election_question_path(election, question) %>
+              <% else %>
                 <%= translated_attribute(question.title) %>
-              </td>
-              <td>
-                <%= question.answers.count %>
-              </td>
-              <td>
-                <% if question.max_selections.zero? %>
-                  -
-                <% else %>
-                  <%= question.max_selections %>
-                <% end %>
-              </td>
-              <td class="table-list__actions">
-                <%= icon_link_to "list", election_question_answers_path(election, question), t("actions.manage_answers", scope: "decidim.elections"), class: "action-icon--manage-answers" %>
+              <% end %>
+            </td>
+            <td>
+              <%= question.answers.count %>
+            </td>
+            <td>
+              <% if question.max_selections.zero? %>
+                -
+              <% else %>
+                <%= question.max_selections %>
+              <% end %>
+            </td>
+            <td class="table-list__actions">
+              <% if allowed_to? :update, :question, election: election, question: question %>
+                <%= icon_link_to "pencil-line", edit_election_question_path(election, question), t("actions.edit", scope: "decidim.elections"), class: "action-icon--edit" %>
+              <% else %>
+                <%= icon "pencil-line", class: "action-icon action-icon--disabled", role: "img", aria_label: t("actions.edit", scope: "decidim.elections") %>
+              <% end %>
 
-                <% if allowed_to? :update, :question, election: election, question: question %>
-                  <%= icon_link_to "pencil", edit_election_question_path(election, question), t("actions.edit", scope: "decidim.elections"), class: "action-icon--edit" %>
-                <% else %>
-                  <%= icon "pencil", class: "action-icon action-icon--disabled", role: "img", aria_label: t("actions.edit", scope: "decidim.elections") %>
-                <% end %>
+              <%= icon_link_to "list-check", election_question_answers_path(election, question), t("actions.manage_answers", scope: "decidim.elections"), class: "action-icon--manage-answers" %>
 
-                <% if allowed_to? :delete, :question, election: election, question: question %>
-                  <%= icon_link_to "circle-x", election_question_path(election, question), t("actions.destroy", scope: "decidim.elections"), method: :delete, class: "action-icon--remove", data: { confirm: t("actions.confirm_destroy", scope: "decidim.elections") } %>
-                <% else %>
-                  <%= icon "circle-x", class: "action-icon action-icon--disabled", role: "img", aria_label: t("actions.destroy", scope: "decidim.elections") %>
-                <% end %>
-              </td>
-            </tr>
-          <% end %>
-        </tbody>
-      </table>
-    </div>
+              <% if allowed_to? :delete, :question, election: election, question: question %>
+                <%= icon_link_to "delete-bin-line", election_question_path(election, question), t("actions.destroy", scope: "decidim.elections"), method: :delete, class: "action-icon--remove", data: { confirm: t("actions.confirm_destroy", scope: "decidim.elections") } %>
+              <% else %>
+                <%= icon "delete-bin-line", class: "action-icon action-icon--disabled", role: "img", aria_label: t("actions.destroy", scope: "decidim.elections") %>
+              <% end %>
+            </td>
+          </tr>
+        <% end %>
+      </tbody>
+    </table>
   </div>
 </div>

data/app/views/decidim/elections/admin/questions/new.html.erb

@@ -1,7 +1,22 @@
-<%= decidim_form_for([election, @form], html: { class: "form new_question" }) do |f| %>
-  <%= render partial: "form", object: f, locals: { title: t(".title") } %>
+<% add_decidim_page_title(t(".title")) %>
+<div class="item_show__header">
+  <h2 class="item_show__header-title">
+    <div>
+      <%= link_to translated_attribute(election.title), elections_path %> &gt;
+      <%= t(".title") %>
+    </div>
+  </h2>
+</div>
 
-  <div class="button--double form-general-submit">
-    <%= f.submit t(".create") %>
+<div class="item__edit item__edit-1col">
+  <div class="item__edit-form">
+    <%= decidim_form_for([election, @form], html: { class: "form-defaults form new_question" }) 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/elections/admin/steps/_create_election.html.erb

@@ -1,51 +1,56 @@
 <div class="card">
   <div class="card-divider">
-    <h2 class="card-title"><%= t(".title") %></h2>
+    <h2 class="card-title">
+      <%= t(".title") %>
+    </h2>
   </div>
 
   <div class="card-section">
-    <ul class="no-bullet-indented">
-      <% form.messages.each do |key, value| %>
-        <% if form.errors.include?(key) %>
-          <li><%= icon "x", class: "text-alert", role: "img", "aria-hidden": true %>&nbsp;<%= form.errors.messages[key][0].html_safe %></li>
-        <% else %>
-          <li><%= icon "check", class: "text-success", role: "img", "aria-hidden": true %>&nbsp;<%= value.html_safe %></li>
-        <% end %>
-      <% end %>
-    </ul>
-
-    <% if form.needs_census? %>
-      <h4><%= t(".census") %></h4>
-      <ul class="no-bullet-indented">
-        <% form.census_messages.each do |key, value| %>
+    <div class="row column">
+      <ul>
+        <% form.messages.each do |key, value| %>
           <% if form.errors.include?(key) %>
-            <li><%= icon "x", class: "text-alert", role: "img", "aria-hidden": true %>&nbsp;<%= form.errors.messages[key][0].html_safe %></li>
+            <li><%= icon "close-line", class: "text-alert", role: "img", "aria-hidden": true %>&nbsp;<%= form.errors.messages[key][0].html_safe %></li>
           <% else %>
-            <li><%= icon "check", class: "text-success", role: "img", "aria-hidden": true %>&nbsp;<%= value.html_safe %></li>
+            <li><%= icon "check-line", class: "text-success", role: "img", "aria-hidden": true %>&nbsp;<%= value.html_safe %></li>
           <% end %>
         <% end %>
       </ul>
-    <% end %>
 
-    <h4><%= t(".trustees") %></h4>
-    <ul class="no-bullet-indented">
-      <% if form.participatory_space_trustees.none? %>
-        <li><%= icon "x", class: "text-alert", role: "img", "aria-hidden": true %>&nbsp;<%= t(".no_trustees") %></li>
-      <% end %>
-
-      <% form.participatory_space_trustees.map {|trustee| [trustee, form.trustees.none? || form.trustees.include?(trustee)] }
-                                          .sort_by {|trustee, used| used ? 0 : 1}
-                                          .each do |trustee, used| %>
-        <li <%= "class=text-muted" if !used %>>
-          <%= icon trustee.public_key ? "check" : "x", class: "text-#{trustee.public_key ? "success": "alert"}", role: "img", "aria-hidden": true %>
-          <%= trustee.user.name || trustee.name %> <%= t(".public_key.#{used}").html_safe %>
-          <% if used %>
-            <%= f.hidden_field :trustee_ids, multiple: true, value: trustee.id %>
-          <% else %>
-            <%= t(".not_used_trustee") %>
+      <% if form.needs_census? %>
+        <h4><%= t(".census") %></h4>
+        <ul>
+          <% form.census_messages.each do |key, value| %>
+            <% if form.errors.include?(key) %>
+              <li><%= icon "close-line", class: "text-alert", role: "img", "aria-hidden": true %>&nbsp;<%= form.errors.messages[key][0].html_safe %></li>
+            <% else %>
+              <li><%= icon "check-line", class: "text-success", role: "img", "aria-hidden": true %>&nbsp;<%= value.html_safe %></li>
+            <% end %>
           <% end %>
-        </li>
+        </ul>
       <% end %>
-    </ul>
+
+      <h4><%= t(".trustees") %></h4>
+      <ul>
+        <% if form.participatory_space_trustees.none? %>
+          <li><%= icon "close-line", class: "text-alert", role: "img", "aria-hidden": true %>&nbsp;<%= t(".no_trustees") %></li>
+        <% end %>
+
+        <% form.participatory_space_trustees
+               .map { |trustee| [trustee, form.trustees.none? || form.trustees.include?(trustee)] }
+               .sort_by { |_trustee, used| used ? 0 : 1 }
+               .each do |trustee, used| %>
+          <li <%= "class=text-muted" if !used %>>
+            <%= icon trustee.public_key ? "check-line" : "close-line", class: "text-#{trustee.public_key ? "success" : "alert"}", role: "img", "aria-hidden": true %>
+            <%= trustee.user.name || trustee.name %> <%= t(".public_key.#{used}").html_safe %>
+            <% if used %>
+              <%= f.hidden_field :trustee_ids, multiple: true, value: trustee.id %>
+            <% else %>
+              <%= t(".not_used_trustee") %>
+            <% end %>
+          </li>
+        <% end %>
+      </ul>
+    </div>
   </div>
 </div>

data/app/views/decidim/elections/admin/steps/_created.html.erb

@@ -1,6 +1,6 @@
 <div class="card">
-  <div class="card-divider">
-    <h2 class="card-title"><%= t(".title") %></h2>
+  <div class="item_show__header">
+    <h2 class="item_show__header-title"><%= t(".title") %></h2>
   </div>
 
   <div class="card-section">

data/app/views/decidim/elections/admin/steps/_key_ceremony.html.erb

@@ -1,6 +1,6 @@
 <div class="card">
-  <div class="card-divider">
-    <h2 class="card-title"><%= t(".title") %></h2>
+  <div class="item_show__header">
+    <h2 class="item_show__header-title"><%= t(".title") %></h2>
   </div>
 
   <div id="trustees_process" class="card-section"
@@ -26,8 +26,8 @@
                 <%= trustee.name %>
               </td>
               <td>
-                <div class="loading"><span class="loading-spinner"></span></div>
-                <div class="active hide"><%= icon "task", class: "text-success" %></div>
+                <div class="loading"><%= icon "loader-4-line", class: "animate-spin" %></div>
+                <div class="active hide"><%= icon "list-check", class: "text-success" %></div>
               </td>
               <td>
                 <%= trustee.user.email %>
@@ -44,8 +44,8 @@
   </div>
 </div>
 
-<div class="button--double form-general-submit">
-  <%= link_to t("steps.key_ceremony.continue", scope: "decidim.elections.admin"), election_steps_path(election), class: "button disabled js-continue-link" %>
+<div class="form__wrapper-block flex-col-reverse md:flex-row justify-between">
+  <%= link_to t("steps.key_ceremony.continue", scope: "decidim.elections.admin"), election_steps_path(election), class: "button button__sm button__secondary disabled js-continue-link" %>
 </div>
 
-<%= javascript_pack_tag "decidim_elections_admin_trustees_process" %>
+<%= append_javascript_pack_tag "decidim_elections_admin" %>

data/app/views/decidim/elections/admin/steps/_key_ceremony_ended.html.erb

@@ -1,6 +1,6 @@
 <div class="card">
-  <div class="card-divider">
-    <h2 class="card-title"><%= t(".title") %></h2>
+  <div class="item_show__header">
+    <h2 class="item_show__header-title"><%= t(".title") %></h2>
   </div>
 
   <div class="card-section">

data/app/views/decidim/elections/admin/steps/_results_published.html.erb

@@ -1,6 +1,6 @@
 <div class="card">
-  <div class="card-divider">
-    <h2 class="card-title">
+  <div class="item_show__header">
+    <h2 class="item_show__header-title">
       <%= t(".title") %>
     </h2>
   </div>
@@ -10,8 +10,8 @@
         data-multi-expand="true"
         data-allow-all-closed="true">
         <% election.questions.each_with_index do |question, i| %>
-          <li class="accordion-item evote__preview-question <%= " is-active" if i == 0 %>" data-accordion-item>
-            <a href="#" class="accordion-title flex--sbc"><%= t(".question") %>: <%= translated_attribute(question.title) %></a>
+          <li class="accordion-item evote__preview-question <%= " is-active" if i.zero? %>" data-accordion-item>
+            <a href="#" class="accordion-title"><%= t(".question") %>: <%= translated_attribute(question.title) %></a>
             <div class="accordion-content" data-tab-content>
               <div>
                 <table>

data/app/views/decidim/elections/admin/steps/_tally_ended.html.erb

@@ -1,6 +1,6 @@
 <div class="card">
-  <div class="card-divider">
-    <h2 class="card-title">
+  <div class="item_show__header">
+    <h2 class="item_show__header-title">
       <%= t(".title") %>
     </h2>
   </div>
@@ -10,8 +10,8 @@
         data-multi-expand="true"
         data-allow-all-closed="true">
         <% election.questions.each_with_index do |question, i| %>
-          <li class="accordion-item evote__preview-question <%= " is-active" if i == 0 %>" data-accordion-item>
-            <a href="#" class="accordion-title flex--sbc"><%= t(".question") %>: <%= translated_attribute(question.title) %></a>
+          <li class="accordion-item evote__preview-question <%= " is-active" if i.zero? %>" data-accordion-item>
+            <a href="#" class="accordion-title"><%= t(".question") %>: <%= translated_attribute(question.title) %></a>
             <div class="accordion-content" data-tab-content>
               <div>
                 <table>

data/app/views/decidim/elections/admin/steps/_tally_started.html.erb

@@ -1,6 +1,6 @@
 <div class="card">
-  <div class="card-divider">
-    <h2 class="card-title"><%= t(".title") %></h2>
+  <div class="item_show__header">
+    <h2 class="item_show__header-title"><%= t(".title") %></h2>
   </div>
 
   <div id="trustees_process" class="card-section"
@@ -14,7 +14,7 @@
     <% if missing_trustees_allowed > 0 %>
       <ul>
         <%= content_tag :li, t(".mark_as_missing_description") %>
-        <%= content_tag :li, t(".tally_completion", quorum: quorum) %>
+        <%= content_tag :li, t(".tally_completion", quorum:) %>
         <%= content_tag :li, t(".undo_mark_as_missing") %>
       </ul>
     <% end %>
@@ -36,9 +36,9 @@
                 <%= trustee.name %>
               </td>
               <td>
-                <div class="loading"><span class="loading-spinner"></span></div>
-                <div class="active hide"><%= icon "task", class: "text-success" %></div>
-                <div class="missing hide"><%= icon "x", class: "text-alert" %></div>
+                <div class="loading"><%= icon "loader-4-line", class: "animate-spin" %></div>
+                <div class="active hide"><%= icon "list-check", class: "text-success" %></div>
+                <div class="missing hide"><%= icon "delete-bin-line", class: "text-alert" %></div>
               </td>
               <td>
                 <%= trustee.user.email %>
@@ -48,8 +48,8 @@
               </td>
               <td class="table-list__actions">
                 <%= f.button type: :button, formaction: election_step_path(election, current_step, trustee_id: trustee.id),
-                             class: "button tiny alert hollow hide js-report-missing-trustee" do %>
-                  <%= icon "circle-x" %> <%= t(".mark_as_missing") %>
+                             class: "button button__sm button__secondary alert hollow hide js-report-missing-trustee" do %>
+                  <%= icon "delete-bin-line" %> <%= t(".mark_as_missing") %>
                 <% end %>
               </td>
             </tr>
@@ -60,8 +60,8 @@
   </div>
 </div>
 
-<div class="button--double form-general-submit">
-  <%= link_to t("steps.tally_started.continue", scope: "decidim.elections.admin"), election_steps_path(election), class: "button disabled js-continue-link" %>
+<div class="form__wrapper-block flex-col-reverse md:flex-row justify-between">
+  <%= link_to t("steps.tally_started.continue", scope: "decidim.elections.admin"), election_steps_path(election), class: "button button__sm button__secondary disabled js-continue-link" %>
 </div>
 
-<%= javascript_pack_tag "decidim_elections_admin_trustees_process" %>
+<%= append_javascript_pack_tag "decidim_elections_admin" %>

data/app/views/decidim/elections/admin/steps/_vote.html.erb

@@ -3,8 +3,8 @@
 </div>
 
 <div class="card">
-  <div class="card-divider">
-    <h2 class="card-title"><%= t(".title") %></h2>
+  <div class="item_show__header">
+    <h2 class="item_show__header-title"><%= t(".title") %></h2>
   </div>
 
   <div class="card-section">
@@ -18,4 +18,4 @@
   </div>
 </div>
 
-<%= javascript_pack_tag("decidim_elections_admin_vote_statistics") %>
+<%= append_javascript_pack_tag "decidim_elections_admin" %>

data/app/views/decidim/elections/admin/steps/_vote_ended.html.erb

@@ -1,6 +1,6 @@
 <div class="card">
-  <div class="card-divider">
-    <h2 class="card-title"><%= t(".title") %></h2>
+  <div class="item_show__header">
+    <h2 class="item_show__header-title"><%= t(".title") %></h2>
   </div>
 
   <div class="card-section">

data/app/views/decidim/elections/admin/steps/_vote_stats.html.erb

@@ -1,6 +1,6 @@
 <div class="card" data-vote-status="<%= election.bb_status %>">
-  <div class="card-divider">
-    <h2 class="card-title">
+  <div class="item_show__header">
+    <h2 class="item_show__header-title">
       <%= t(".title") %>
     </h2>
   </div>