decidim-admin 0.27.4 → 0.28.0.rc5

data/app/views/decidim/admin/moderations/reports/index.html.erb

@@ -1,106 +1,105 @@
-<div class="card">
-  <div class="card-divider">
-    <h2 class="card-title">
+<% add_decidim_page_title(t(".title")) %>
+<div class="item_show__header">
+  <h2 class="item_show__header-title">
+    <div>
       <%= link_to "#{t("title", scope: "decidim.admin.moderations.index")} > ", moderations_path %>
       <%= t(".title") %>
-    </h2>
-  </div>
-  <div class="card-section moderation-details">
-    <div class="callout warning">
-      <%= icon "info" %>
-      <span class="callout-text"><%= t(".callout_html", icon: icon("flag")) %></span>
     </div>
-    <dl>
-      <dt><%= t("models.moderation.fields.reported_content_url", scope: "decidim.moderations") %></dt>
-      <% if (reportable_url = moderation.reportable.reported_content_url) %>
-        <dd><%= link_to moderation.reportable.reported_content_url, reportable_url, target: "_blank" %></dd>
-      <% else %>
-        <dd><%= t("models.moderation.fields.deleted_resource", scope: "decidim.moderations") %></dd>
-      <% end %>
+  </h2>
+</div>
+
+<div class="card-section moderation-details">
+  <%= cell("decidim/announcement", t(".callout_html", icon: icon("flag-line")), callout_class: "warning") %>
+  <dl>
+    <dt><%= t("models.moderation.fields.reported_content_url", scope: "decidim.moderations") %></dt>
+    <% if (reportable_url = moderation.reportable.reported_content_url) %>
+      <dd><%= link_to moderation.reportable.reported_content_url, reportable_url, target: "_blank" %></dd>
+    <% else %>
+      <dd><%= t("models.moderation.fields.deleted_resource", scope: "decidim.moderations") %></dd>
+    <% end %>
 
-      <dt><%= t("models.moderation.fields.reportable_id", scope: "decidim.moderations") %></dt>
-      <dd><%= moderation.reportable.id %></dd>
+    <dt><%= t("models.moderation.fields.reportable_id", scope: "decidim.moderations") %></dt>
+    <dd><%= moderation.reportable.id %></dd>
 
+    <% if translatable_resource?(moderation.reportable) %>
+      <dt><%= t(".content_original_language") %></dt>
+      <dd><%= locale_name moderation.reportable.content_original_language %> </dd>
+    <% end %>
+
+    <dt>
+      <%= t(".reported_content") %>
       <% if translatable_resource?(moderation.reportable) %>
-        <dt><%= t(".content_original_language") %></dt>
-        <dd><%= locale_name moderation.reportable.content_original_language %> </dd>
+        <button
+          class="toggle-content"
+          data-see-original-button-label="<%= t(".see_original") %>"
+          data-see-current-button-label="<%= t(".see_current") %>">
+          <%= t(".see_original") %>
+        </button>
       <% end %>
-
-      <dt>
-        <%= t(".reported_content") %>
-        <% if translatable_resource?(moderation.reportable) %>
-          <button
-            class="toggle-content"
-            data-see-original-button-label="<%= t(".see_original") %>"
-            data-see-current-button-label="<%= t(".see_current") %>">
-            <%= t(".see_original") %>
-          </button>
-        <% end %>
-      </dt>
-      <dd class="reported-content">
-        <div class="current">
-          <%= reported_content_for moderation.reportable %>
+    </dt>
+    <dd class="reported-content">
+      <div class="current">
+        <%= reported_content_for moderation.reportable %>
+      </div>
+      <% if translatable_resource?(moderation.reportable) %>
+        <div class="original">
+          <%= reported_content_for moderation.reportable, locale: moderation.reportable.content_original_language %>
         </div>
-        <% if translatable_resource?(moderation.reportable) %>
-          <div class="original">
-            <%= reported_content_for moderation.reportable, locale: moderation.reportable.content_original_language %>
-          </div>
-        <% end %>
-      </dd>
+      <% end %>
+    </dd>
 
-      <dt><%= t(".author") %></dt>
-      <dd>
-        <%= reportable_author_name(moderation.reportable) %>
-      </dd>
+    <dt><%= t(".author") %></dt>
+    <dd>
+      <%= reportable_author_name(moderation.reportable) %>
+    </dd>
 
-      <dt><%= t("models.moderation.fields.reportable_type", scope: "decidim.moderations") %></dt>
-      <dd><%= moderation.reportable.class.name.demodulize %></dd>
+    <dt><%= t("models.moderation.fields.reportable_type", scope: "decidim.moderations") %></dt>
+    <dd><%= moderation.reportable.class.name.demodulize %></dd>
 
-      <dt><%= t("models.moderation.fields.created_at", scope: "decidim.moderations") %></dt>
-      <dd><%= l(moderation.created_at, format: :long) %></dd>
+    <dt><%= t("models.moderation.fields.created_at", scope: "decidim.moderations") %></dt>
+    <dd><%= l(moderation.created_at, format: :long) %></dd>
 
-      <dt><%= t(".participatory_space") %></dt>
-      <dd><%= translated_attribute moderation.participatory_space.title %></dd>
-      </div>
-    </dl>
-    <div class="table-scroll">
-      <table class="table-list">
-        <thead>
-          <tr>
-            <th><%= t("models.report.fields.reason", scope: "decidim.moderations") %></th>
-            <th><%= t("models.report.fields.locale", scope: "decidim.moderations") %></th>
-            <th><%= t("models.report.fields.details", scope: "decidim.moderations") %></th>
-            <th class="actions"><%= t("actions.title", scope: "decidim.moderations") %></th>
-          </tr>
-        </thead>
-        <tbody>
-          <% reports.each do |report| %>
-            <tr data-id="<%= report.id %>">
-              <td><%= t("decidim.admin.moderations.report.reasons.#{report.reason}") %></td>
-              <td><%= report.locale.present? ? locale_name(report.locale) : "" %></td>
-              <td><%= report.details&.truncate(250) %></td>
-              <td class="actions">
-                <%= icon_link_to "fullscreen-enter",
-                                  moderation_report_path(moderation_id: moderation, id: report.id),
-                                  t("actions.expand", scope: "decidim.moderations"),
-                                  class: "action-icon--expand" %>
-              </td>
-            </tr>
-          <% end %>
-        </tbody>
-      </table>
-    </div>
-  </div>
+    <dt><%= t(".participatory_space") %></dt>
+    <dd><%= translated_attribute moderation.participatory_space.title %></dd>
+  </dl>
 </div>
-
-<div class="button--double form-general-submit">
-  <% if !moderation.reportable.hidden? && allowed_to?(:unreport, permission_resource) %>
-    <%= link_to t("actions.unreport", scope: "decidim.moderations"), unreport_moderation_path(id: moderation), method: :put, class: "button" %>
-  <% end %>
-  <% if !moderation.reportable.hidden? && allowed_to?(:hide, permission_resource) %>
-    <%= link_to t("actions.hide", scope: "decidim.moderations"), hide_moderation_path(id: moderation), method: :put, class: "button alert" %>
-  <% end %>
-  <% if moderation.reportable.hidden? && allowed_to?(:unhide, permission_resource) %>
-    <%= link_to t("actions.unhide", scope: "decidim.moderations"), unhide_moderation_path(id: moderation), method: :put, class: "button alert" %>
-  <% end %>
+<div class="table-scroll">
+  <table class="table-list">
+    <thead>
+    <tr>
+      <th><%= t("models.report.fields.reason", scope: "decidim.moderations") %></th>
+      <th><%= t("models.report.fields.locale", scope: "decidim.moderations") %></th>
+      <th><%= t("models.report.fields.details", scope: "decidim.moderations") %></th>
+      <th class="actions"><%= t("actions.title", scope: "decidim.moderations") %></th>
+    </tr>
+    </thead>
+    <tbody>
+    <% reports.each do |report| %>
+      <tr data-id="<%= report.id %>">
+        <td><%= t("decidim.admin.moderations.report.reasons.#{report.reason}") %></td>
+        <td><%= report.locale.present? ? locale_name(report.locale) : "" %></td>
+        <td><%= report.details&.truncate(250) %></td>
+        <td class="actions">
+          <%= icon_link_to "fullscreen-line",
+                           moderation_report_path(moderation_id: moderation, id: report.id),
+                           t("actions.expand", scope: "decidim.moderations"),
+                           class: "action-icon--expand" %>
+        </td>
+      </tr>
+    <% end %>
+    </tbody>
+  </table>
+</div>
+<div class="item__edit-sticky">
+  <div class="item__edit-sticky-container">
+    <% if !moderation.reportable.hidden? && allowed_to?(:unreport, permission_resource) %>
+      <%= link_to t("actions.unreport", scope: "decidim.moderations"), unreport_moderation_path(id: moderation), method: :put, class: "button button__sm button__secondary" %>
+    <% end %>
+    <% if !moderation.reportable.hidden? && allowed_to?(:hide, permission_resource) %>
+      <%= link_to t("actions.hide", scope: "decidim.moderations"), hide_moderation_path(id: moderation), method: :put, class: "button button__sm button__secondary alert" %>
+    <% end %>
+    <% if moderation.reportable.hidden? && allowed_to?(:unhide, permission_resource) %>
+      <%= link_to t("actions.unhide", scope: "decidim.moderations"), unhide_moderation_path(id: moderation), method: :put, class: "button button__sm button__secondary alert" %>
+    <% end %>
+  </div>
 </div>

data/app/views/decidim/admin/moderations/reports/show.html.erb

@@ -1,62 +1,64 @@
-<div class="card">
-  <div class="card-divider">
-    <h2 class="card-title">
+<% add_decidim_page_title(t(".title")) %>
+<div class="item_show__header">
+  <h2 class="item_show__header-title">
+    <div>
       <%= link_to "#{t("title", scope: "decidim.admin.moderations.index")} > ", moderations_path %>
       <%= link_to "#{t("title", scope: "decidim.admin.moderations.reports.index")} > ", moderation_reports_path %>
       <%= t(".title") %>
-    </h2>
-  </div>
+    </div>
+  </h2>
+</div>
+
+<div class="card-section moderation-details">
+  <dl>
+    <dt><%= t(".report_language") %></dt>
+    <dd><%= locale_name @report.locale %></dd>
 
-  <div class="card-section moderation-details">
-    <dl>
-      <dt><%= t(".report_language") %></dt>
-      <dd><%= locale_name @report.locale %></dd>
+    <% if translatable_resource?(moderation.reportable) %>
+      <dt><%= t("content_original_language", scope: "decidim.admin.moderations.reports.index") %></dt>
+      <dd><%= locale_name moderation.reportable.content_original_language %> </dd>
+    <% end %>
 
+    <dt>
+      <%= t("reported_content", scope: "decidim.admin.moderations.reports.index") %>
       <% if translatable_resource?(moderation.reportable) %>
-        <dt><%= t("content_original_language", scope: "decidim.admin.moderations.reports.index") %></dt>
-        <dd><%= locale_name moderation.reportable.content_original_language %> </dd>
+        <button
+          class="toggle-content"
+          data-see-original-button-label="<%= t("see_original", scope: "decidim.admin.moderations.reports.index") %>"
+          data-see-current-button-label="<%= t("see_current", scope: "decidim.admin.moderations.reports.index") %>">
+          <%= t("see_original", scope: "decidim.admin.moderations.reports.index") %>
+        </button>
       <% end %>
-
-      <dt>
-        <%= t("reported_content", scope: "decidim.admin.moderations.reports.index") %>
-        <% if translatable_resource?(moderation.reportable) %>
-          <button
-            class="toggle-content"
-            data-see-original-button-label="<%= t("see_original", scope: "decidim.admin.moderations.reports.index") %>"
-            data-see-current-button-label="<%= t("see_current", scope: "decidim.admin.moderations.reports.index") %>">
-            <%= t("see_original", scope: "decidim.admin.moderations.reports.index") %>
-          </button>
-        <% end %>
-      </dt>
-      <dd class="reported-content">
-        <div class="current">
-          <%= reported_content_for moderation.reportable, locale: @report.locale %>
+    </dt>
+    <dd class="reported-content">
+      <div class="current">
+        <%= reported_content_for moderation.reportable, locale: @report.locale %>
+      </div>
+      <% if translatable_resource?(moderation.reportable) %>
+        <div class="original">
+          <%= reported_content_for moderation.reportable, locale: moderation.reportable.content_original_language %>
         </div>
-        <% if translatable_resource?(moderation.reportable) %>
-          <div class="original">
-            <%= reported_content_for moderation.reportable, locale: moderation.reportable.content_original_language %>
-          </div>
-        <% end %>
-      </dd>
+      <% end %>
+    </dd>
 
-      <dt><%= t(".report_reason") %></dt>
-      <dd><%= t("decidim.admin.moderations.report.reasons.#{@report.reason}") %></dd>
+    <dt><%= t(".report_reason") %></dt>
+    <dd><%= t("decidim.admin.moderations.report.reasons.#{@report.reason}") %></dd>
 
-      <dt><%= t(".report_details") %></dt>
-      <dd><%= @report.details %>
-      </div>
-    </dl>
-  </div>
+    <dt><%= t(".report_details") %></dt>
+    <dd><%= @report.details %></dd>
+  </dl>
 </div>
 
-<div class="button--double form-general-submit">
-  <% if !moderation.reportable.hidden? && allowed_to?(:unreport, permission_resource) %>
-    <%= link_to t("actions.unreport", scope: "decidim.moderations"), unreport_moderation_path(id: moderation), method: :put, class: "button" %>
-  <% end %>
-  <% if !moderation.reportable.hidden? && allowed_to?(:hide, permission_resource) %>
-    <%= link_to t("actions.hide", scope: "decidim.moderations"), hide_moderation_path(id: moderation), method: :put, class: "button alert" %>
-  <% end %>
-  <% if moderation.reportable.hidden? && allowed_to?(:unhide, permission_resource) %>
-    <%= link_to t("actions.unhide", scope: "decidim.moderations"), unhide_moderation_path(id: moderation), method: :put, class: "button alert" %>
-  <% end %>
+<div class="item__edit-sticky">
+  <div class="item__edit-sticky-container">
+    <% if !moderation.reportable.hidden? && allowed_to?(:unreport, permission_resource) %>
+      <%= link_to t("actions.unreport", scope: "decidim.moderations"), unreport_moderation_path(id: moderation), method: :put, class: "button button__sm button__secondary" %>
+    <% end %>
+    <% if !moderation.reportable.hidden? && allowed_to?(:hide, permission_resource) %>
+      <%= link_to t("actions.hide", scope: "decidim.moderations"), hide_moderation_path(id: moderation), method: :put, class: "button button__sm button__secondary alert" %>
+    <% end %>
+    <% if moderation.reportable.hidden? && allowed_to?(:unhide, permission_resource) %>
+      <%= link_to t("actions.unhide", scope: "decidim.moderations"), unhide_moderation_path(id: moderation), method: :put, class: "button button__sm button__secondary alert" %>
+    <% end %>
+  </div>
 </div>

data/app/views/decidim/admin/newsletter_templates/index.html.erb

@@ -1,29 +1,30 @@
 <% add_decidim_page_title(t(".title")) %>
 <div class="card">
-  <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.newsletter.new", scope: "decidim.admin"), [:newsletter_templates], class: "button button__sm button__secondary expanded small new" %>
     </h2>
   </div>
 
   <div class="card-section">
-    <div class="grid-x grid-margin-x card-grid">
-    <% templates.each do |newsletter_template| %>
-      <div class="cell small-6">
+    <div class="grid grid-cols-2 gap-x-8 p-4">
+      <% templates.each do |newsletter_template| %>
         <div class="card card--mini" id="<%= newsletter_template.name %>">
-          <iframe src="<%= preview_newsletter_template_path(newsletter_template.name) %>" class="email-preview newsletter-template-preview">
+          <iframe src="<%= preview_newsletter_template_path(newsletter_template.name) %>" class="email-preview newsletter-template-preview w-full h-96">
           </iframe>
 
           <div class="card-footer">
-            <h2 class="card-title">
+            <h2 class="card-title flex items-center">
               <%= t newsletter_template.public_name_key %>
-              <%= link_to(t(".preview_template"), newsletter_template_path(newsletter_template.name), class: "button tiny button--title") %>
-              <%= link_to(t(".use_template"), new_newsletter_template_newsletter_path(newsletter_template.name), class: "button tiny button--title") %>
+              <div class="ml-auto">
+                <%= link_to(t(".preview_template"), newsletter_template_path(newsletter_template.name), class: "button button__sm button__secondary") %>
+                <%= link_to(t(".use_template"), new_newsletter_template_newsletter_path(newsletter_template.name), class: "button button__sm button__secondary") %>
+              </div>
             </h2>
           </div>
         </div>
-      </div>
-    <% end %>
+      <% end %>
     </div>
   </div>
 </div>

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

@@ -1,13 +1,15 @@
 <% add_decidim_page_title(t(".preview", template_name: t(template_manifest.public_name_key))) %>
 <div class="card">
-  <div class="card-divider">
-    <h2 class="card-title"><%= t ".preview", template_name: t(template_manifest.public_name_key) %></h2>
+  <div class="item_show__header">
+    <h2 class="item_show__header-title">
+      <%= t ".preview", template_name: t(template_manifest.public_name_key) %>
+    </h2>
   </div>
-  <div class="card-section">
-    <iframe src="<%= preview_newsletter_template_path(template_manifest.name) %>" class="email-preview">
+  <div class="card-section p-4">
+    <iframe src="<%= preview_newsletter_template_path(template_manifest.name) %>" class="email-preview newsletter-template-preview w-full h-96">
     </iframe>
   </div>
 </div>
-<div class="button--double form-general-submit">
-  <%= link_to(t(".use_template"), new_newsletter_template_newsletter_path(template_manifest.name), class: "button") %>
+<div class="form__wrapper-block flex-col-reverse md:flex-row justify-between">
+  <%= link_to(t(".use_template"), new_newsletter_template_newsletter_path(template_manifest.name), class: "button button__sm button__secondary") %>
 </div>

data/app/views/decidim/admin/newsletters/_form.html.erb

@@ -1,5 +1,11 @@
-<div class="row column">
-  <%= form.translated :text_field, :subject %>
-</div>
+<div class="form__wrapper">
+  <div class="card pt-4">
+    <div class="row column">
+      <%= form.translated :text_field, :subject, aria: { label: :subject } %>
+    </div>
 
-<%= cell content_block.settings_form_cell, form, content_block: content_block %>
+    <div class="row column">
+      <%= cell content_block.settings_form_cell, form, content_block: %>
+    </div>
+  </div>
+</div>

data/app/views/decidim/admin/newsletters/edit.html.erb

@@ -1,13 +1,22 @@
-<%= decidim_form_for(@form, html: { class: "form edit_newsletter" }, url: newsletter_path(newsletter)) do |f| %>
-  <div class="card">
-    <div class="card-divider">
-      <h2 class="card-title"><%= t ".title" %></h2>
-    </div>
-    <div class="card-section">
-      <%= render partial: "form", object: f %>
-    </div>
+<% 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(@form, html: { class: "form form-defaults edit_newsletter" }, url: newsletter_path(newsletter)) do |f| %>
+      <div class="card">
+        <div class="card-section">
+          <%= render partial: "form", object: f %>
+        </div>
+      </div>
+      <div class="item__edit-sticky">
+        <div class="item__edit-sticky-container">
+          <%= f.submit t(".save_and_preview"), class: "button button__sm button__secondary" %>
+        </div>
+      </div>
+    <% end %>
   </div>
-  <div class="button--double form-general-submit">
-    <%= f.submit t(".save_and_preview") %>
-  </div>
-<% end %>
+</div>

data/app/views/decidim/admin/newsletters/index.html.erb

@@ -1,68 +1,68 @@
 <% add_decidim_page_title(t(".title")) %>
 <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 class="card-title">
-      <div class="text-right">
-        <strong class="subscribed_title"><%= t("newsletters.index.subscribed_count", scope: "decidim.admin") %></strong>
-        <span class="subscribed_count"><%= recipients_count_query %></span>
+      <div class="flex ml-auto items-center gap-x-4">
+        <strong class="font-bold text-md text-gray-2"><%= t("newsletters.index.subscribed_count", scope: "decidim.admin") %></strong>
+        <span class="subscribed_count font-semibold text-md text-gray-2"><%= recipients_count_query %></span>
         <% if allowed_to? :create, :newsletter %>
-          <%= link_to t("actions.newsletter.new", scope: "decidim.admin"), [:newsletter_templates], class: "button tiny button--title new" %>
+          <%= link_to t("actions.newsletter.new", scope: "decidim.admin"), [:newsletter_templates], class: "button button__sm button__secondary new" %>
         <% end %>
       </div>
-    </div>
+    </h2>
   </div>
-  <div class="card-section">
-    <div class="table-scroll">
-      <table class="table-list">
-        <thead>
-          <tr>
-            <th><%= t("models.newsletter.fields.subject", scope: "decidim.admin") %></th>
-            <th><%= t("models.newsletter.fields.created_at", scope: "decidim.admin") %></th>
-            <th><%= t("models.newsletter.fields.sent_at", scope: "decidim.admin") %></th>
-            <th><%= t("models.newsletter.fields.sent_to", scope: "decidim.admin") %></th>
-            <th><%= t("models.newsletter.fields.progress", scope: "decidim.admin") %></th>
-            <th></th>
-          </tr>
-        </thead>
-        <tbody>
-          <% @newsletters.each do |newsletter| %>
-            <tr data-newsletter-id="<%= newsletter.id %>">
-              <td>
-                <% if allowed_to?(:read, :newsletter, newsletter: newsletter) %>
-                  <%= link_to translated_attribute(newsletter.subject), decidim_admin.newsletter_path(newsletter) %>
-                <% else %>
-                  <%= translated_attribute newsletter.subject %>
-                <% end %>
-              </td>
-              <td><%= l newsletter.created_at, format: :long if newsletter.created_at %></td>
-              <td><%= l newsletter.sent_at, format: :long if newsletter.sent_at %></td>
-              <td><%= selective_newsletter_to newsletter %></td>
-              <td>
-                <% if newsletter.sent? %>
-                  <%= "#{newsletter.total_deliveries} / #{newsletter.total_recipients}" %>
-                <% end %>
-              </td>
-              <td class="table-list__actions">
-                <% if allowed_to?(:update, :newsletter, newsletter: newsletter) && !newsletter.sent? %>
-                  <%= icon_link_to "pencil", decidim_admin.edit_newsletter_path(newsletter), t("actions.edit", scope: "decidim.admin"), class: "edit" %>
-                <% end %>
+  <div class="table-scroll">
+    <table class="table-list">
+      <thead>
+        <tr>
+          <th><%= t("models.newsletter.fields.subject", scope: "decidim.admin") %></th>
+          <th><%= t("models.newsletter.fields.created_at", scope: "decidim.admin") %></th>
+          <th><%= t("models.newsletter.fields.sent_at", scope: "decidim.admin") %></th>
+          <th><%= t("models.newsletter.fields.sent_to", scope: "decidim.admin") %></th>
+          <th><%= t("models.newsletter.fields.progress", scope: "decidim.admin") %></th>
+          <th></th>
+        </tr>
+      </thead>
+      <tbody>
+        <% @newsletters.each do |newsletter| %>
+          <tr data-newsletter-id="<%= newsletter.id %>">
+            <td>
+              <% if allowed_to?(:read, :newsletter, newsletter: newsletter) %>
+                <%= link_to translated_attribute(newsletter.subject), decidim_admin.newsletter_path(newsletter) %>
+              <% else %>
+                <%= translated_attribute newsletter.subject %>
+              <% end %>
+            </td>
+            <td><%= l newsletter.created_at, format: :long if newsletter.created_at %></td>
+            <td><%= l newsletter.sent_at, format: :long if newsletter.sent_at %></td>
+            <td><%= selective_newsletter_to newsletter %></td>
+            <td>
+              <% if newsletter.sent? %>
+                <%= "#{newsletter.total_deliveries} / #{newsletter.total_recipients}" %>
+              <% end %>
+            </td>
+            <td class="table-list__actions">
+              <% if allowed_to?(:update, :newsletter, newsletter: newsletter) && !newsletter.sent? %>
+                <%= icon_link_to "pencil-line", decidim_admin.edit_newsletter_path(newsletter), t("actions.edit", scope: "decidim.admin"), class: "edit" %>
+              <% end %>
 
-                <% if allowed_to?(:read, :newsletter, newsletter: newsletter) %>
-                  <%= icon_link_to "eye", decidim_admin.newsletter_path(newsletter), t("actions.preview", scope: "decidim.admin"), class: "preview" %>
-                <% end %>
+              <% if allowed_to?(:read, :newsletter, newsletter: newsletter) %>
+                <%= icon_link_to "share-line", decidim_admin.send_to_user_newsletter_path(newsletter), t("actions.send_me_a_test_email", scope: "decidim.admin"), class: "preview", method: :post %>
+              <% end %>
 
-                <% if allowed_to?(:destroy, :newsletter, newsletter: newsletter) && !newsletter.sent? %>
-                  <%= icon_link_to "circle-x", decidim_admin.newsletter_path(newsletter), t("actions.destroy", scope: "decidim.admin"), method: :delete, data: { confirm: t(".confirm_delete") }, class: "action-icon--remove" %>
-                <% end %>
-              </td>
-            </tr>
-          <% end %>
-        </tbody>
-      </table>
-    </div>
-    <%= decidim_paginate @newsletters %>
+              <% if allowed_to?(:read, :newsletter, newsletter: newsletter) %>
+                <%= icon_link_to "eye-line", decidim_admin.newsletter_path(newsletter), t("actions.preview", scope: "decidim.admin"), class: "preview", target: "_blank", data: { "external-link": false } %>
+              <% end %>
+
+              <% if allowed_to?(:destroy, :newsletter, newsletter: newsletter) && !newsletter.sent? %>
+                <%= icon_link_to "delete-bin-line", decidim_admin.newsletter_path(newsletter), t("actions.destroy", scope: "decidim.admin"), method: :delete, data: { confirm: t(".confirm_delete") }, class: "action-icon--remove" %>
+              <% end %>
+            </td>
+          </tr>
+        <% end %>
+      </tbody>
+    </table>
   </div>
+  <%= decidim_paginate @newsletters %>
 </div>

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

@@ -1,14 +1,22 @@
 <% add_decidim_page_title(t(".title")) %>
-<%= decidim_form_for(@form, html: { class: "form new_newsletter" }, url: newsletter_template_newsletters_path(newsletter_template_id: params[:newsletter_template_id])) do |f| %>
-  <div class="card">
-    <div class="card-divider">
-      <h2 class="card-title"><%= t ".title" %></h2>
-    </div>
-    <div class="card-section">
-      <%= render partial: "form", object: f %>
-    </div>
+<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 form-defaults new_newsletter" }, url: newsletter_template_newsletters_path(newsletter_template_id: params[:newsletter_template_id])) do |f| %>
+      <div class="card">
+        <div class="card-section">
+          <%= render partial: "form", object: f %>
+        </div>
+      </div>
+      <div class="item__edit-sticky">
+        <div class="item__edit-sticky-container">
+          <%= f.submit t(".save"), class: "button button__sm button__secondary" %>
+        </div>
+      </div>
+    <% end %>
   </div>
-  <div class="button--double form-general-submit">
-    <%= f.submit t(".save") %>
-  </div>
-<% end %>
+</div>