From 4057bb1cc2ad92509c266db92cb10e4eb2873002 Mon Sep 17 00:00:00 2001
From: Mrugesh Mohapatra <me@raisedadead.com>
Date: Tue, 8 Oct 2019 23:23:15 +0530
Subject: [PATCH] fix(client): update report-user placeholder text

---
 client/src/client-only-routes/ShowUser.js | 25 ++++++++++++++---------
 1 file changed, 15 insertions(+), 10 deletions(-)

diff --git a/client/src/client-only-routes/ShowUser.js b/client/src/client-only-routes/ShowUser.js
index 6606b259d4..cee81766aa 100644
--- a/client/src/client-only-routes/ShowUser.js
+++ b/client/src/client-only-routes/ShowUser.js
@@ -10,7 +10,8 @@ import {
   FormGroup,
   ControlLabel,
   Button,
-  Col
+  Col,
+  Row
 } from '@freecodecamp/react-bootstrap';
 import Helmet from 'react-helmet';
 
@@ -142,41 +143,45 @@ class ShowUser extends Component {
     }
 
     const { textarea } = this.state;
-
+    const placeholderText = `Please provide as much detail as possible about the account or behavior you are reporting.`;
     return (
       <Fragment>
         <Helmet>
           <title>Report a users profile | freeCodeCamp.org</title>
         </Helmet>
-        <FullWidthRow>
-          <Spacer size={2} />
-          <Col md={8} mdOffset={2}>
+        <Spacer size={2} />
+        <Row className='text-center'>
+          <Col sm={8} smOffset={2} xs={12}>
             <h2>
               Do you want to report {username}
               's profile for abuse?
             </h2>
+          </Col>
+        </Row>
+        <Row>
+          <Col sm={6} smOffset={3} xs={12}>
             <p>
               We will notify the community moderators' team, and a send copy of
-              this report to your email:{' '}
-              <span className='green-text'>{email}</span>.
+              this report to your email: <strong>{email}</strong>
             </p>
             <p>We may get back to you for more information, if required.</p>
             <form onSubmit={this.handleSubmit}>
               <FormGroup controlId='report-user-textarea'>
-                <ControlLabel>Additional Information</ControlLabel>
+                <ControlLabel>What would you like to report?</ControlLabel>
                 <FormControl
                   componentClass='textarea'
                   onChange={this.handleChange}
-                  placeholder=''
+                  placeholder={placeholderText}
                   value={textarea}
                 />
               </FormGroup>
               <Button block={true} bsStyle='primary' type='submit'>
                 Submit the report
               </Button>
+              <Spacer />
             </form>
           </Col>
-        </FullWidthRow>
+        </Row>
       </Fragment>
     );
   }