decidim-proposals 0.27.7 → 0.28.0.rc4

data/app/views/decidim/proposals/admin/proposals/show.html.erb

@@ -1,192 +1,234 @@
 <% add_decidim_page_title(translated_attribute(proposal.title)) %>
-<div class="card">
-  <div class="card-divider">
-    <h2 class="card-title">
-      <%= link_to "#{t ".proposals"} > ", proposals_path %>
-      <%= decidim_html_escape(present(proposal).title).html_safe %>
-
-      <% if allowed_to? :edit, :proposal, proposal: proposal %>
-        <%= icon_link_to "pencil", edit_proposal_path(proposal), t("actions.edit_proposal", scope: "decidim.proposals"), class: "action-icon--edit-proposal" %>
-      <% end %>
-    </h2>
-  </div>
-
-  <div class="card-section">
-    <div class="row column">
-      <strong><%= t ".link" %>:</strong>  <%= link_to resource_locator(proposal).url, resource_locator(proposal).path %>
+<div class="component__show">
+  <div class="card">
+    <div class="component__show_header">
+      <h2 class="component__show_header-title">
+        <%= decidim_html_escape(present(proposal).title).html_safe %>
+      </h2>
     </div>
 
-    <div class="row column">
-      <strong><%= t ".authors" %>:</strong>
-        <ul id="proposal-authors-list">
+    <div class="component__show_nav">
+      <div class="component__show_nav-author">
+        <div class="component__show_nav-circle">
+          <%= icon "award-line" %>
+        </div>
+        <div>
           <% coauthor_presenters_for(proposal).each do |presented_author| %>
-            <li>
+            <li class="component__show_nav-author-title">
               <%= link_to_if(
-                presented_author.profile_path.present?,
-                presented_author.name,
-                presented_author.profile_path,
-                target: :blank
-              ) %>
+                    presented_author.profile_path.present?,
+                    presented_author.name,
+                    presented_author.profile_path,
+                    target: :blank
+                  ) %>
               <% if presented_author.can_be_contacted? && presented_author.nickname != present(current_user).nickname %>
-                <%= icon_link_to "envelope-closed", current_or_new_conversation_path_with(presented_author), t("decidim.contact"), class:"action-icon--new" %>
+                <%= link_to_current_or_new_conversation_with(presented_author) %>
               <% end %>
             </li>
           <% end %>
-        </ul>
+          <span class="component__show_nav-author-date">
+            <%= l proposal.created_at, format: :decidim_short %>
+          </span>
+        </div>
+      </div>
+      <div class="ml-auto">
+        <%= link_to resource_locator(proposal).url, class: "button button__sm button__transparent-secondary", target: :blank, data: { "external-link": false } do %>
+          <%= icon "eye-line", class: "fill-current" %>
+          <%= t ".link" %>
+        <% end %>
+      </div>
     </div>
 
-    <div class="row column">
-      <strong><%= t ".body" %>:</strong> <%= simple_format(present(proposal).body(strip_tags: true)) %>
-    </div>
+    <div class="component__show_grid">
+      <div class="component__show_grid-item">
+        <div class="card-section">
+          <div class="row column">
+            <span class="component__show-title"><%= t ".body" %></span>
+            <p class="component__show-text">
+              <%= simple_format(present(proposal).body(strip_tags: true)) %>
+            </p>
+          </div>
+        </div>
 
-    <div class="row column">
-      <strong><%= t ".created_at" %>:</strong> <%= l proposal.created_at, format: :decidim_short %>
-    </div>
+        <% presented_endorsers = endorsers_presenters_for(proposal) %>
+        <% if presented_endorsers.any? %>
+          <%= render partial: "endorsers", locals: { presented_endorsers:, proposal: } %>
+        <% end %>
 
-    <div class="row column">
-      <strong><%= t ".votes_count" %>:</strong> <%= proposal.proposal_votes_count %>
-    </div>
+        <% if proposal.documents.any? %>
+          <%= render partial: "documents", locals: { proposal: } %>
+        <% end %>
 
-    <div class="row column">
-      <strong><%= t ".votes_ranking" %>:</strong> <%= i18n_votes_ranking_for(proposal) %>
-    </div>
+        <% if proposal.photos.any? %>
+          <%= render partial: "photos", locals: { proposal: } %>
+        <% end %>
 
-    <div class="row column">
-      <strong><%= t ".endorsements_count" %>:</strong> <%= proposal.endorsements_count %>
-    </div>
+        <% proposal_meetings = proposal.linked_resources(:meetings, "proposals_from_meeting") %>
+        <% if proposal_meetings.any? %>
+          <%= render partial: "meetings", locals: { proposal_meetings: } %>
+        <% end %>
 
-    <div class="row column">
-      <strong><%= t ".endorsements_ranking" %>:</strong> <%= i18n_endorsements_ranking_for(proposal) %>
-    </div>
+        <% if allowed_to?(:create, :proposal_note, proposal: proposal) %>
+          <div class="card-section">
+            <%= render "decidim/proposals/admin/proposal_notes/proposal_notes" %>
+          </div>
+        <% end %>
 
-    <div class="row column">
-      <strong><%= t ".amendments_count" %>:</strong> <%= proposal.amendments.count %>
-    </div>
+        <% if allowed_to?(:create, :proposal_answer, proposal: proposal) && !proposal.emendation? %>
+          <div class="card-section">
+            <%= render "decidim/proposals/admin/proposal_answers/form" %>
+          </div>
+        <% end %>
 
-    <div class="row column">
-      <strong><%= t ".comments_count" %>:</strong> <%= proposal.comments_count %>
-      <ul id="proposal-comments-alignment-count">
-        <li><strong><%= t ".comments_positive_count" %>:</strong> <%= proposal.comments.positive.count %></li>
-        <li><strong><%= t ".comments_neutral_count" %>:</strong> <%= proposal.comments.neutral.count %></li>
-        <li><strong><%= t ".comments_negative_count" %>:</strong> <%= proposal.comments.negative.count %></li>
-      </ul>
-    </div>
+      </div>
+      <div class="component__show_grid-item">
+        <% if proposal.category.present? %>
+          <div class="card-section">
+            <div class="row column">
+              <span class="component__show-title"><%= t("models.proposal.fields.category", scope: "decidim.proposals") %></span>
+              <div class="flex items-center gap-x-2 mt-2">
+                <%= icon "price-tag-3-line", class: "fill-gray" %>
+                <p class="component__show-icon-text">
+                  <%= translated_attribute proposal.category.name %>
+                </p>
+              </div>
+            </div>
+          </div>
+        <% end %>
 
-    <% presented_endorsers = endorsers_presenters_for(proposal).to_a %>
-    <% if presented_endorsers.any? %>
-      <div class="row column">
-        <strong><%= t ".endorsers" %>:</strong>
-          <ul id="proposal-endorsers-list">
-            <% presented_endorsers.first(5).each do |presented_endorser| %>
-              <li>
-                <%= link_to_if(
-                  presented_endorser.profile_path.present?,
-                  presented_endorser.name,
-                  presented_endorser.profile_path,
-                  target: :blank
-                ) %>
-              </li>
-            <% end %>
-            <% if presented_endorsers.count > 5 %>
-              <li>
-                <%= link_to(
-                    t(".n_more_endorsers", count: presented_endorsers.count - 5),
-                    resource_locator(proposal).path
-                ) %>
-              </li>
-            <% end %>
-          </ul>
+        <% if proposal.scope.present? %>
+          <div class="card-section">
+            <div class="row column">
+              <span class="component__show-title"><%= t("models.proposal.fields.scope", scope: "decidim.proposals") %></span>
+              <div class="flex items-center gap-x-2 mt-2">
+                <%= icon "scan-line", class: "fill-gray" %>
+                <p class="component__show-icon-text">
+                  <%= translated_attribute proposal.scope.name %>
+                </p>
+              </div>
+            </div>
+          </div>
+        <% end %>
+
+        <div class="card-section">
+          <div class="row column" data-supports>
+            <span class="component__show-title"><%= t ".votes_count" %></span>
+            <div class="flex items-center gap-x-2 mt-2">
+              <%= icon "service-line", class: "fill-gray" %>
+              <p class="component__show-icon-text" data-count>
+                <%= proposal.proposal_votes_count %>
+              </p>
+              <div class="flex items-center gap-x-2 border-l border-gray pl-2">
+                <%= icon "bar-chart-2-line", class: "fill-gray" %>
+                <p class="component__show-icon-text" data-ranking>
+                  <%= i18n_votes_ranking_for(proposal) %>
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div class="card-section">
+          <div class="row column" data-endorsements>
+            <span class="component__show-title"><%= t ".endorsements_count" %></span>
+            <div class="flex items-center gap-x-2 mt-2">
+              <%= icon "like", class: "fill-gray" %>
+              <p class="component__show-icon-text" data-count>
+                <%= proposal.endorsements_count %>
+              </p>
+              <div class="flex items-center gap-x-2 border-l border-gray pl-2">
+                <%= icon "bar-chart-2-line", class: "fill-gray" %>
+                <p class="component__show-icon-text" data-ranking>
+                  <%= i18n_endorsements_ranking_for(proposal) %>
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div class="card-section">
+          <div class="row column" data-amendments>
+            <span class="component__show-title"><%= t ".amendments_count" %></span>
+            <div class="flex items-center gap-x-2 mt-2" data-count>
+              <%= icon "Decidim::Amendment", class: "fill-gray" %>
+              <p class="component__show-icon-text">
+                <%= proposal.amendments.count %>
+              </p>
+            </div>
+          </div>
+        </div>
+
+        <div class="card-section">
+          <div class="row column" data-comments>
+            <span class="component__show-title"><%= t ".comments_count" %></span>
+            <div class="flex items-center gap-x-2 mt-2">
+              <%= icon "chat-1-line", class: "fill-gray" %>
+              <p class="component__show-icon-text" data-count>
+                <%= proposal.comments_count %>
+              </p>
+              <div class="flex items-center gap-x-3 border-l border-gray pl-2" id="proposal-comments-alignment-count">
+                <div>
+                  <p class="component__show-icon-text" data-positive>
+                    <%= icon "thumb-up-line", class: "fill-gray" %>
+                    <%= proposal.comments.positive.count %>
+                  </p>
+                </div>
+                <div>
+                  <p class="component__show-icon-text" data-neutral>
+                    <%= icon "scales-line", class: "fill-gray" %>
+                    <%= proposal.comments.neutral.count %>
+                  </p>
+                </div>
+                <div>
+                  <p class="component__show-icon-text" data-negative>
+                    <%= icon "thumb-up-fill", class: "fill-gray" %>
+                    <%= proposal.comments.negative.count %>
+                  </p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
       </div>
-    <% end %>
-
-    <% proposal_meetings = proposal.linked_resources(:meetings, "proposals_from_meeting") %>
-    <% if proposal_meetings.any? %>
-      <div class="row column">
-        <strong><%= t ".related_meetings" %>:</strong>
-          <ul id="related-meetings">
-            <% proposal_meetings.each do |meeting| %>
-              <% presented_meeting = present(meeting) %>
-              <li>
-                <%= link_to decidim_escape_translated(meeting.title).html_safe, presented_meeting.profile_path %>
-              </li>
-            <% end %>
-          </ul>
+    </div>
+  </div>
+
+  <% if proposal.valuators.any? %>
+    <div class="card">
+      <div class="card-divider">
+        <h2 class="card-title">
+          <%= t ".valuators" %>
+        </h2>
       </div>
-    <% end %>
 
-    <% if proposal.documents.any? %>
-      <div class="row column">
-        <strong><%= t ".documents" %>:</strong>
-          <ul id="documents">
-            <% proposal.documents.each do |document| %>
+      <div class="card-section">
+        <div class="row column">
+          <strong><%= t ".assigned_valuators" %>:</strong>
+          <ul id="valuators">
+            <% proposal.valuation_assignments.each do |assignment| %>
+              <% presented_valuator = present(assignment.valuator) %>
               <li>
-                <%= link_to translated_attribute(document.title), document.url %>
-                <small><%= document.file_type %> <%= number_to_human_size(document.file_size) %></small>
+                <%= link_to(
+                      presented_valuator.name,
+                      presented_valuator.profile_path,
+                      target: :blank
+                    ) %>
+
+                <% if allowed_to? :unassign_from_valuator, :proposals, valuator: assignment.valuator %>
+                  <%= icon_link_to(
+                        "delete-bin-line",
+                        proposal_valuation_assignment_path(proposal, assignment.valuator_role),
+                        t(".remove_assignment"),
+                        method: :delete,
+                        data: { confirm: t(".remove_assignment_confirmation") },
+                        class: "red-icon"
+                      ) %>
+                <% end %>
               </li>
             <% end %>
           </ul>
-      </div>
-    <% end %>
-
-    <% if proposal.photos.any? %>
-      <div class="row column">
-        <strong><%= t(".photos") %>:</strong>
-        <div id="photos" class="gallery row">
-          <% proposal.photos.each do |photo| %>
-            <%= link_to photo.big_url, target: "_blank", rel: "noopener" do %>
-              <%= image_tag photo.thumbnail_url, class:"thumbnail", alt: strip_tags(translated_attribute(photo.title)) %>
-            <% end %>
-          <% end %>
         </div>
       </div>
-    <% end %>
-
-  </div>
-</div>
-
-<% if proposal.valuators.any? %>
-<div class="card">
-  <div class="card-divider">
-    <h2 class="card-title">
-      <%= t ".valuators" %>
-    </h2>
-  </div>
-
-  <div class="card-section">
-    <div class="row column">
-      <strong><%= t ".assigned_valuators" %>:</strong>
-      <ul id="valuators">
-        <% proposal.valuation_assignments.each do |assignment| %>
-          <% presented_valuator = present(assignment.valuator) %>
-            <li>
-              <%= link_to(
-                presented_valuator.name,
-                presented_valuator.profile_path,
-                target: :blank
-              ) %>
-
-              <% if allowed_to? :unassign_from_valuator, :proposals, valuator: assignment.valuator %>
-                <%= icon_link_to(
-                  "circle-x",
-                  proposal_valuation_assignment_path(proposal, assignment.valuator_role),
-                  t(".remove_assignment"),
-                  method: :delete,
-                  data: { confirm: t(".remove_assignment_confirmation") },
-                  class: "red-icon"
-                ) %>
-              <% end %>
-            </li>
-        <% end %>
-      </ul>
     </div>
-  </div>
+  <% end %>
 </div>
-<% end %>
-
-<% if allowed_to?(:create, :proposal_note, proposal: proposal) %>
-  <%= render "decidim/proposals/admin/proposal_notes/proposal_notes" %>
-<% end %>
-
-<% if allowed_to?(:create, :proposal_answer, proposal: proposal) && !proposal.emendation? %>
-  <%= render "decidim/proposals/admin/proposal_answers/form" %>
-<% end %>

data/app/views/decidim/proposals/admin/proposals/update_attribute.js.erb

@@ -1,19 +1,19 @@
 <% if flash.now[:error].present? %>
   $("<%= form_selector %> <%= attribute_selector %>").addClass("is-invalid-input")
-  $("<%= escape_javascript(render partial: %q{decidim/admin/shared/js-callout}, locals: { css: %q{alert}, text: flash.now[:error] }) %>").appendTo(".callout-wrapper");
+  $("<%= escape_javascript(render partial: %q(decidim/admin/shared/js-callout), locals: { css: %q(alert), text: flash.now[:error] }) %>").appendTo(".callout-wrapper");
 <% end %>
 
 <% if flash.now[:alert].present? %>
   $("<%= form_selector %> <%= attribute_selector %>").removeClass("is-invalid-input")
-  $("<%= escape_javascript(render partial: %q{decidim/admin/shared/js-callout}, locals: { css: %q{warning}, text: flash.now[:alert] }) %>").appendTo(".callout-wrapper");
+  $("<%= escape_javascript(render partial: %q(decidim/admin/shared/js-callout), locals: { css: %q(warning), text: flash.now[:alert] }) %>").appendTo(".callout-wrapper");
 <% end %>
 
 <% if flash.now[:notice].present? %>
-  $("<%= escape_javascript(render partial: %q{decidim/admin/shared/js-callout}, locals: { css: %q{success}, text: flash.now[:notice] }) %>").appendTo(".callout-wrapper");
+  $("<%= escape_javascript(render partial: %q(decidim/admin/shared/js-callout), locals: { css: %q(success), text: flash.now[:notice] }) %>").appendTo(".callout-wrapper");
 
   <% proposal_ids.each do |id| %>
     $(".table-list [data-id='<%= id %>']")
-      .replaceWith("<%= escape_javascript(render partial: %q{proposal-tr}, locals: { proposal: proposal_find(id) }) %>");
+      .replaceWith("<%= escape_javascript(render partial: %q(proposal-tr), locals: { proposal: proposal_find(id) }) %>");
   <% end %>
 
   $("<%= form_selector %> <%= attribute_selector %>").removeClass("is-invalid-input")
@@ -22,6 +22,5 @@
   window.hideBulkActionsButton();
   window.hideBulkActionForms();
   window.showOtherActionsButtons();
-  window.selectedProposalsCountUpdate();
-  window.resetForms();
+  window.selectedResourcesCountUpdate();
 <% end %>

data/app/views/decidim/proposals/admin/proposals_imports/new.html.erb

@@ -1,37 +1,51 @@
-<%= decidim_form_for(@form, url: 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">
+    <%= t(".title") %>
+  </h2>
+</div>
 
-      <div class="card-section">
-        <div class="row column">
-          <%= f.select :origin_component_id, @form.origin_components_collection, prompt: t(".select_component") %>
+<div class="item__edit item__edit-1col">
+  <div class="item__edit-form">
+    <%= decidim_form_for(@form, url: 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.label t(".select_states") %>
+                <%= f.collection_check_boxes :states, @form.states_collection, :value, :name do |b| %>
+                  <div>
+                    <%= b.label { b.check_box + b.text } %>
+                  </div>
+                <% end %>
+              </div>
+              <div class="row column">
+                <%= f.check_box :keep_authors %>
+              </div>
+              <div class="row column">
+                <%= f.check_box :keep_answers %>
+              </div>
+              <div class="row column">
+                <%= scopes_picker_filter f, :scope_ids %>
+              </div>
+              <div class="row column">
+                <%= f.check_box :import_proposals %>
+              </div>
+            </div>
+          </div>
         </div>
-        <div class="row column">
-          <%= f.label t(".select_states") %>
-          <%= f.collection_check_boxes :states, @form.states_collection, :value, :name %>
+        <div class="item__edit-sticky">
+          <div class="item__edit-sticky-container">
+            <%= f.submit t(".create"), class: "button button__sm button__secondary" %>
+          </div>
         </div>
-        <div class="row column">
-          <%= f.check_box :keep_authors %>
-        </div>
-        <div class="row column">
-          <%= f.check_box :keep_answers %>
-        </div>
-        <div class="row column">
-          <%= scopes_picker_filter f, :scope_ids %>
-        </div>
-        <div class="row column">
-          <%= f.check_box :import_proposals %>
-        </div>
-      </div>
-    </div>
-
-    <div class="button--double form-general-submit">
-      <%= f.submit t(".create") %>
-    </div>
-  <% else %>
-      <p><%= t(".no_components") %></p>
-  <% end %>
-<% end %>
+      <% else %>
+        <p><%= t(".no_components") %></p>
+      <% end %>
+    <% end %>
+  </div>
+</div>

data/app/views/decidim/proposals/collaborative_drafts/_accept_request_access_form.html.erb

@@ -3,6 +3,6 @@
     <%= form.hidden_field :id, value: @collaborative_draft.id %>
     <%= form.hidden_field :state, value: @collaborative_draft.state %>
     <%= form.hidden_field :requester_user_id, value: requester.id %>
-    <%= form.submit accept_request_button_label, class: "button hollow secondary small", data: { disable: true } %>
+    <%= form.submit accept_request_button_label, class: "button button__sm button__secondary w-full", data: { disable: true } %>
   <% end %>
 <% end %>

data/app/views/decidim/proposals/collaborative_drafts/_actions.html.erb

@@ -0,0 +1,7 @@
+<section class="layout-main__section layout-main__buttons" data-buttons>
+  <%= cell "decidim/comments_button", nil %>
+
+  <div class="ml-auto">
+    <%= cell "decidim/tags", @collaborative_draft %>
+  </div>
+</section>

data/app/views/decidim/proposals/collaborative_drafts/_collaborative_draft_aside.html.erb

@@ -0,0 +1,53 @@
+<section class="layout-aside__section">
+  <% if @collaborative_draft.published? %>
+    <%= cell "decidim/proposals/collaborative_draft_link_to_proposal", @collaborative_draft %>
+  <% else %>
+    <div class="flex flex-col items-center">
+      <%= resource_version_number(@collaborative_draft.versions_count, "h4") %>
+      <span class="text-gray-2"><%= resource_version_of(@collaborative_draft.versions_count) %></span>
+      <span class="text-sm text-secondary underline"><%= link_to_other_resource_versions(collaborative_draft_version_path(@collaborative_draft, @collaborative_draft.versions.count)) %></span>
+    </div>
+  <% end %>
+</section>
+
+<% if allowed_to?(:publish, :collaborative_draft, collaborative_draft: @collaborative_draft) || @collaborative_draft.requesters.include?(current_user) || allowed_to?(:request_access, :collaborative_draft, collaborative_draft: @collaborative_draft) %>
+<section class="layout-aside__section layout-aside__buttons">
+  <% if allowed_to?(:publish, :collaborative_draft, collaborative_draft: @collaborative_draft) %>
+    <div>
+      <%= cell "decidim/proposals/irreversible_action_modal", @collaborative_draft, action: :publish %>
+
+      <div class="mt-2 text-center">
+        <%= t("publish_info", scope:"decidim.proposals.collaborative_drafts.show") %>
+        <%= cell "decidim/proposals/irreversible_action_modal", @collaborative_draft, action: :withdraw %>
+      </div>
+    </div>
+  <% end %>
+
+  <%= render "request_access_form" %>
+
+  <% if @collaborative_draft.requesters.include? current_user %>
+    <button type="button" class="button button__lg button__secondary w-full" disabled>
+      <%= t("requested_access", scope:"decidim.proposals.collaborative_drafts.show") %>
+    </button>
+  <% end %>
+</section>
+<% end %>
+
+<% if allowed_to?(:edit, :collaborative_draft, collaborative_draft: @collaborative_draft) %>
+<section class="layout-aside__section">
+  <%= link_to edit_collaborative_draft_path(@collaborative_draft), class: "button button__sm button__transparent-secondary w-full", id: "collaborative_draft_edit" do %>
+    <span><%= t("edit", scope:"decidim.proposals.collaborative_drafts.show") %></span>
+    <%= icon "pencil-line" %>
+  <% end %>
+</section>
+<% end %>
+
+<section class="layout-aside__section">
+  <%= render partial: "collaborator_requests" %>
+</section>
+
+<section class="layout-aside__section actions__secondary">
+  <%= follow_button_for(@collaborative_draft) %>
+  <%= cell "decidim/share_button", nil %>
+  <%= cell "decidim/report_button", @collaborative_draft %>
+</section>

data/app/views/decidim/proposals/collaborative_drafts/_collaborative_drafts.html.erb

@@ -1,16 +1,15 @@
-<div class="collection-sort-controls row small-up-1 medium-up-3 card-grid">
-  <div class="column">
-    <%= order_selector available_orders, i18n_scope: "decidim.proposals.collaborative_drafts.orders" %>
-  </div>
+<% if @collaborative_drafts.empty? %>
+  <%= cell("decidim/announcement", params[:filter].present? ? t("empty_filters", scope: "decidim.proposals.collaborative_drafts") : t("empty", scope: "decidim.proposals.collaborative_drafts")) %>
+<% else %>
+  <h2 class="h5 md:h3 decorator"><%= t("count", scope: "decidim.proposals.collaborative_drafts.index", count: @collaborative_drafts.length) %></h2>
+
+  <%= order_selector available_orders, i18n_scope: "decidim.proposals.collaborative_drafts.orders" %>
 
-  <div class="column">
-    <%= render partial: "decidim/shared/results_per_page" %>
+  <div class="card__list-list">
+    <% @collaborative_drafts.each do |draft| %>
+      <%= card_for draft %>
+    <% end %>
   </div>
-</div>
 
-<div class="row small-up-1 medium-up-2 card-grid">
-  <% @collaborative_drafts.each do |draft| %>
-    <%= card_for draft, context: { label: true } %>
-  <% end %>
-</div>
-<%= decidim_paginate @collaborative_drafts %>
+  <%= decidim_paginate @collaborative_drafts %>
+<% end %>