CSS alignments

client/coral-admin/src/containers/Community/Community.css

@@ -301,7 +301,6 @@
   }
 }
 
-
 .actionButton {
   transform: scale(.8);
   margin: 0;
@@ -323,4 +322,5 @@
 
 .flaggedReasons {
   padding-top: 15px;
+  margin-left: 24px;
 }

client/coral-admin/src/containers/Community/components/User.js

@@ -35,7 +35,7 @@ const User = props => {
         <div className={styles.itemBody}>
           <div className={styles.body}>
             <div className={styles.flaggedByCount}>
-              <i className="material-icons">flag</i><span className={styles.flaggedByLabel}>Flags({ user.actions.length })</span>:
+              <i className="material-icons">flag</i><span className={styles.flaggedByLabel}>{lang.t('community.flags')}({ user.actions.length })</span>:
                 { user.action_summaries.map(
                 (action, i ) => {
                   return <span className={styles.flaggedBy} key={i}>
@@ -67,8 +67,8 @@ const User = props => {
                 }
               )}
 
+            </div>
           </div>
-        </div>
           <div className={styles.sideActions}>
             <div className={`actions ${styles.actions}`}>
               {modActionButtons.map((action, i) =>

client/coral-admin/src/translations.json

@@ -18,6 +18,7 @@
       "banned": "Banned",
       "banned-user": "Banned User",
       "loading": "Loading results",
+      "flags": "Flags",
       "flaggedaccounts": "Flagged Usernames",
       "people": "People",
       "no-flagged-accounts": "The Account Flags queue is currently empty.",
@@ -177,6 +178,7 @@
       "banned": "Suspendido",
       "banned-user": "Usuario Suspendido",
       "loading": "Cargando resultados",
+      "flags": "Reporte",
       "flaggedaccounts": "Nombres de Usuario Reportados",
       "people": "Gente",
       "no-flagged-accounts": "No hay ninguna cuenta reportada.",