decidim-admin 0.27.8 → 0.28.0.rc4

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>

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

@@ -1,76 +1,74 @@
-<%= decidim_form_for(@form, url: deliver_newsletter_path(@newsletter), method: :post, html: { class: "form newsletter_deliver" }, data: { "recipients-count-newsletter-path": recipients_count_newsletter_path(@newsletter) }) do |f| %>
-  <div class="card">
-
-    <div class="card-divider">
-      <h2 class="card-title"><%= t ".title" %></h2>
-    </div>
-    <div class="card-section">
+<% 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, url: deliver_newsletter_path(@newsletter), method: :post, html: { class: "form form-defaults newsletter_deliver" }, data: { "recipients-count-newsletter-path": recipients_count_newsletter_path(@newsletter) }) do |f| %>
       <%= cell("decidim/announcement", newsletter_attention_callout_announcement, callout_class: "warning") %>
-
-      <div class="card">
-        <div class="card-divider">
-          <h2 class="card-title"><%= t ".select_users" %></h2>
-        </div>
-        <div class="card-section">
-          <div class="row">
-            <% if current_user.admin? %>
+      <%= cell("decidim/announcement", newsletter_recipients_count_callout_announcement, callout_class: "warning") %>
+      <div class="form__wrapper">
+        <div class="card mb-2">
+          <div class="card-divider">
+            <h2 class="card-title"><%= t ".select_users" %></h2>
+          </div>
+          <div class="card-section">
+            <div class="row column">
+              <% if current_user.admin? %>
+                <div class="grid-x grid-padding-x">
+                  <div class="cell small-12" id="send_newsletter_to_all_users">
+                    <%= f.check_box :send_to_all_users, help_text: t(".all_users_help") %>
+                  </div>
+                </div>
+                <hr class="mt-s mb-s">
+              <% end %>
               <div class="grid-x grid-padding-x">
-                <div class="cell small-12" id="send_newsletter_to_all_users">
-                  <%= f.check_box :send_to_all_users, label: t(".send_to_all_users") %>
-                  <p class="help-text"><%= t ".all_users_help" %></p>
+                <div class="cell small-12 medium-6" id="send_newsletter_to_followers">
+                  <%= f.check_box :send_to_participants, help_text: t(".participants_help") %>
+                </div>
+
+                <div class="cell small-12 medium-6" id="send_newsletter_to_participants">
+                  <%= f.check_box :send_to_followers, help_text: t(".followers_help") %>
                 </div>
-              </div>
-              <hr class="reset mt-s mb-s">
-            <% end %>
-            <div class="grid-x grid-padding-x">
-              <div class="cell small-12 medium-6" id="send_newsletter_to_followers">
-                <%= f.check_box :send_to_participants, label: t(".send_to_participants") %>
-                <p class="help-text"><%= t ".participants_help" %></p>
-              </div>
-              <div class="cell small-12 medium-6" id="send_newsletter_to_participants">
-                <%= f.check_box :send_to_followers, label: t(".send_to_followers") %>
-                <p class="help-text"><%= t ".followers_help" %></p>
               </div>
             </div>
           </div>
         </div>
-      </div>
-
-      <div class="card" id="participatory_spaces_for_select">
-        <div class="card-divider">
-          <h2 class="card-title"><%= t ".select_spaces" %></h2>
-        </div>
-        <div class="card-section">
-          <div class="row">
-            <%= participatory_spaces_for_select f %>
-          </div>
-        </div>
-      </div>
 
-      <% if current_user.admin? %>
-        <div class="card">
+        <div class="card mb-2" id="participatory_spaces_for_select">
           <div class="card-divider">
-            <h2 class="card-title"><%= t ".select_scopes" %></h2>
+            <h2 class="card-title"><%= t ".select_spaces" %></h2>
           </div>
           <div class="card-section">
-            <div class="row">
-              <%= scopes_picker_filter f, :scope_ids %>
-              <p class="help-text"><%= t ".scopes_help" %></p>
+            <div class="row column">
+              <%= participatory_spaces_for_select f %>
             </div>
           </div>
         </div>
-      <% end %>
-
-      <%= cell("decidim/announcement", newsletter_recipients_count_callout_announcement, callout_class: "warning") %>
 
-      <div class="button--double form-general-submit">
+        <% if current_user.admin? %>
+          <div class="card">
+            <div class="card-divider">
+              <h2 class="card-title"><%= t ".select_scopes" %></h2>
+            </div>
+            <div class="card-section">
+              <div class="row column">
+                <%= scopes_picker_filter f, :scope_ids, help_text: t(".scopes_help") %>
+              </div>
+            </div>
+          </div>
+        <% end %>
+      </div>
+      <div class="form__wrapper-block flex-col-reverse md:flex-row justify-between">
         <% if allowed_to?(:update, :newsletter, newsletter: @newsletter) && !@newsletter.sent? %>
-          <%= link_to t("actions.edit", scope: "decidim.admin"), [:edit, @newsletter], class: "button" %>
+          <%= link_to t("actions.edit", scope: "decidim.admin"), [:edit, @newsletter], class: "button button__sm button__secondary" %>
         <% end %>
         <% unless @newsletter.sent? %>
-        <%= f.submit t(".deliver"),  class: "button alert", data: { confirm: t(".confirm_deliver") } %>
+        <%= f.submit t(".deliver"), class: "button button__sm button__secondary", data: { confirm: t(".confirm_deliver") } %>
         <% end %>
       </div>
-    </div>
+    <% end %>
   </div>
-<% end %>
+</div>

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

@@ -1,27 +1,34 @@
 <% add_decidim_page_title(t(".preview")) %>
-<div class="card">
-  <div class="card-divider">
-    <h2 class="card-title"><%= t ".preview" %></h2>
-  </div>
-  <div class="card-section">
-    <dl>
-      <dt><%= t ".subject" %></dt>
-      <dd><%= @email.subject %></dd>
-      <dt><%= t("models.newsletter.fields.sent_to", scope: "decidim.admin") %></dt>
-      <dd><%= selective_newsletter_to newsletter %></dd>
-    </dl>
+<div class="item_show__header">
+  <h2 class="item_show__header-title">
+    <%= t ".preview" %>
+  </h2>
+</div>
+<div class="form__wrapper">
+  <div class="card">
+    <div class="card-section p-4">
+      <div class="row column">
+        <dl>
+          <dt class="font-bold"><%= t ".subject" %></dt>
+          <dd><%= @email.subject %></dd>
+          <dt class="font-bold"><%= t("models.newsletter.fields.sent_to", scope: "decidim.admin") %></dt>
+          <dd><%= selective_newsletter_to newsletter %></dd>
+        </dl>
 
-    <iframe src="<%= preview_newsletter_path(@newsletter) %>" class="email-preview">
-    </iframe>
+        <iframe src="<%= preview_newsletter_path(@newsletter) %>" class="email-preview w-full">
+        </iframe>
+      </div>
+    </div>
   </div>
 </div>
-<div class="button--double form-general-submit">
+<div class="form__wrapper-block flex-col-reverse md:flex-row justify-between">
   <% if allowed_to?(:update, :newsletter, newsletter: @newsletter) %>
-    <% if  !@newsletter.sent? %>
-      <%= link_to t("actions.edit", scope: "decidim.admin"), [:edit, @newsletter], class: "button" %>
+    <% unless @newsletter.sent? %>
+      <%= link_to t("actions.edit", scope: "decidim.admin"), [:edit, @newsletter], class: "button button__sm button__secondary" %>
     <% end %>
+    <%= link_to t(".send_me_a_test_email"), send_to_user_newsletter_path(@newsletter), class: "button button__sm button__secondary hollow", method: :post %>
     <% unless @newsletter.sent? %>
-      <%= link_to t(".select_recipients_to_deliver"), select_recipients_to_deliver_newsletter_path(@newsletter), class: "button alert" %>
+      <%= link_to t(".select_recipients_to_deliver"), select_recipients_to_deliver_newsletter_path(@newsletter), class: "button button__sm button__secondary alert" %>
     <% end %>
   <% end %>
 </div>