followup displays email which will be sent to authors

While updating the CSS, I noticed the padding around the content
were not removed for small screens in the redaction space.

It's fixed too.

Author: Trim

app/assets/stylesheets/parts/content.scss

@@ -3,6 +3,7 @@ article,
 ul.threads > li.comment,
 .markdown_cheatsheet,
 #contents > form,
+#followup_container,
 form#new_post,
 body#users-comments #contents > ul > li,
 body#comments-create #contents > ul > li#comment_new,

app/assets/stylesheets/parts/redaction.scss

@@ -524,3 +524,12 @@ body#redaction-index {
   float: left;
   margin: 12px 25px 0 0;
 }
+
+#followup_mail {
+  font-family: mono;
+  hyphens: none;
+  border-width: 1px;
+  pre {
+    white-space: pre-wrap;
+  }
+}

app/assets/stylesheets/responsive/m.scss

@@ -167,7 +167,9 @@
     margin: 0.5rem 8px;
   }
 
-  #container {
+  #container,
+  .container,
+  #followup_container {
     clear: left;
     margin: 0;
     padding: 8px;
@@ -249,6 +251,7 @@
       width: 100%;
       margin: auto;
       margin-top: 10px;
+      padding: 0;
       order: 0;
     }
     #metadata {

app/assets/stylesheets/responsive/xs.scss

@@ -15,7 +15,8 @@
     }
   }
 
-  #container {
+  #container,
+  .container {
     padding: 5px 0;
     article {
       border-width: 1px 0;

app/views/news_notifications/_followup_footer.text.erb

@@ -0,0 +1,7 @@
+Vous pouvez retrouver et compléter votre dépêche à cette adresse :
+<%= redaction_news_url @news %>
+
+Merci d’avance.
+
+-- 
+L’équipe de LinuxFr.org

app/views/news_notifications/_followup_header.text.erb

@@ -0,0 +1,4 @@
+Bonjour,
+
+Vous avez créé ou contribué à la dépêche en rédaction :
+<%= @news.title %>

app/views/news_notifications/followup.text.erb

@@ -1,13 +1,2 @@
-Bonjour,
-
-vous avez créé ou contribué à la dépêche en rédaction :
-<%= @news.title %>
-
-Il semblerait qu’elle nécessite encore un peu de travail pour être finalisée.
-Vous pouvez la compléter à cette adresse :
-<%= redaction_news_url @news %>
-
-Merci d’avance.
-<%= @message %>
--- 
-L’équipe de LinuxFr.org
+<%= render partial: 'followup_header' %><%= @message %>
+<%= render partial: 'followup_footer' %>

app/views/redaction/news/show.html.haml

@@ -41,13 +41,21 @@
   = button_to "Effacer la dépêche", erase_redaction_news_path(@news), class: "erase_news", data: { confirm: "Confirmez‑vous vouloir supprimer cette dépêche ?" }
 - if current_account.can_followup? @news
   %button#followup.more Relancer les rédacteurs
-  .more_actions(style="display: none;")
+  #followup_container.more_actions(style="display: none;")
+    %h1 Relancer les rédacteurs
+    %p
+      Vous pouvez envoyer un email de relance aux participants de cette dépêche
+      pour leur demander de la finaliser.
+    %p
+      N’hésitez pas à leur donner des précisions (date de sortie imminente, demande de précisions, etc.).
+    %h2 Email de relance
     = form_tag followup_redaction_news_path(@news) do
-      %p
-        Vous pouvez envoyer un message de relance aux participants de cette dépêche
-        pour leur demander de la finaliser. N’hésitez pas à leur donner des 
-        précisions (date de sortie imminente, demande de précisions, etc.).
-      = text_area_tag :message, nil, rows: 10
+      %article#followup_mail
+        %pre#follwoup_header
+          = render formats: [:text], partial: 'news_notifications/followup_header'
+        = text_area_tag :message, "L'équipe d'animation vous encourage à finaliser la dépêche.", rows: 10
+        %pre#followup_footer
+          = render formats: [:text], partial: 'news_notifications/followup_footer'
       = submit_tag 'Envoyer'
 
 %article