Styles and copy

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 {

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>

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"
+    ban_user_dialog_headline: "Banear Usuario?"