From aa3327945ed7c0d29df8db24cd239192090dc31a Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Mon, 18 Sep 2017 12:42:21 -0300
Subject: [PATCH] Styles and copy

---
 .../client/components/BanUserDialog.css           | 15 ++++++++++++++-
 .../client/components/BanUserDialog.js            |  9 +++++----
 .../client/translations.yml                       | 11 +++++++----
 3 files changed, 26 insertions(+), 9 deletions(-)

diff --git a/plugins/talk-plugin-moderation-actions/client/components/BanUserDialog.css b/plugins/talk-plugin-moderation-actions/client/components/BanUserDialog.css
index d7d31b2aa..96151228c 100644
--- a/plugins/talk-plugin-moderation-actions/client/components/BanUserDialog.css
+++ b/plugins/talk-plugin-moderation-actions/client/components/BanUserDialog.css
@@ -5,7 +5,20 @@
 
 .buttons {
   text-align: right;
-  padding-top: 10px;
+  margin: 20px;
+  text-align: center;
+}
+
+.cancel, .confirm {
+  width: 48%;
+}
+
+.cancel {
+  margin-right: 10px;
+}
+
+.copy {
+  font-style: italic;
 }
 
 .close {
diff --git a/plugins/talk-plugin-moderation-actions/client/components/BanUserDialog.js b/plugins/talk-plugin-moderation-actions/client/components/BanUserDialog.js
index 3057bd7b2..702ee4b10 100644
--- a/plugins/talk-plugin-moderation-actions/client/components/BanUserDialog.js
+++ b/plugins/talk-plugin-moderation-actions/client/components/BanUserDialog.js
@@ -6,15 +6,16 @@ import {Dialog, Button} from 'plugin-api/beta/client/components/ui';
 export default ({showBanDialog, closeBanDialog, banUser}) => (
   <Dialog open={showBanDialog} className={styles.dialog}>
     <span className={styles.close} onClick={closeBanDialog}>×</span>
-    <h3>{t('talk-plugin-moderation-actions.ban_user_dialog_headline')}</h3>
-    <p>
+    <h2>{t('talk-plugin-moderation-actions.ban_user_dialog_headline')}</h2>
+    <h3>{t('talk-plugin-moderation-actions.ban_user_dialog_sub')}</h3>
+    <p className={styles.copy}>
       {t('talk-plugin-moderation-actions.ban_user_dialog_copy')}
     </p>
     <div className={styles.buttons}>
-      <Button cStyle="cancel" onClick={closeBanDialog} raised>
+      <Button cStyle="cancel" onClick={closeBanDialog} className={styles.cancel} raised>
         {t('talk-plugin-moderation-actions.ban_user_dialog_cancel')}
       </Button>
-      <Button cStyle="black" onClick={banUser} raised>
+      <Button cStyle="black" onClick={banUser} className={styles.confirm} raised>
         {t('talk-plugin-moderation-actions.ban_user_dialog_yes')}
       </Button>
     </div>
diff --git a/plugins/talk-plugin-moderation-actions/client/translations.yml b/plugins/talk-plugin-moderation-actions/client/translations.yml
index 4f1d58060..83fae6e4c 100644
--- a/plugins/talk-plugin-moderation-actions/client/translations.yml
+++ b/plugins/talk-plugin-moderation-actions/client/translations.yml
@@ -5,10 +5,12 @@ en:
     approved_comment: "Approved"
     moderation_actions: "Moderation Actions"
     ban_user: "Ban User"
-    ban_user_dialog_copy: "Are you sure you would like to ban this user?"
+    ban_user_dialog_sub: "Are you sure you would like to ban this user?"
+    ban_user_dialog_copy: "Note: Banning this user will also place this comment in the Rejected queue."
     ban_user_dialog_cancel: "Cancel"
     ban_user_dialog_yes: "Yes. Ban user"
-    ban_user_dialog_headline: Ban User
+    ban_user_dialog_headline: "Ban User?"
+    
 es:
   talk-plugin-moderation-actions:
     reject_comment: "Rechazar"
@@ -16,7 +18,8 @@ es:
     approved_comment: "Aprobado"
     moderation_actions: "Acciones de Moderación"
     ban_user: "Banear usuario"
-    ban_user_dialog_copy: "Está seguro de querer banear a este usuario?"
+    ban_user_dialog_sub: "Está seguro de querer banear a este usuario?"
+    ban_user_dialog_copy: "Nota: Baneando a este usuario pondrá el comentario en la cola de comentarios Rechazados."
     ban_user_dialog_cancel: "Cancelar"
     ban_user_dialog_yes: "Si. Banear usuario"
-    ban_user_dialog_headline: "Ban User"
\ No newline at end of file
+    ban_user_dialog_headline: "Banear Usuario?"
\ No newline at end of file