From 4df09ffbd2728b978cfdb875db833a7cf7d184fb Mon Sep 17 00:00:00 2001
From: gaba <gabelula@gmail.com>
Date: Wed, 1 Feb 2017 13:29:47 -0800
Subject: [PATCH] Validation for the field underneath.

---
 .../coral-framework/components/CreateDisplayNameDialog.js | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/client/coral-framework/components/CreateDisplayNameDialog.js b/client/coral-framework/components/CreateDisplayNameDialog.js
index 6798bad5c..ee3e133e6 100644
--- a/client/coral-framework/components/CreateDisplayNameDialog.js
+++ b/client/coral-framework/components/CreateDisplayNameDialog.js
@@ -28,7 +28,6 @@ const CreateDisplayNameDialog = ({open, handleClose, offset, formData, handleSub
         <p>{lang.t('createdisplay.yourusername')}</p>
         { props.auth.error && <Alert>{props.auth.error}</Alert> }
         <form id="saveDisplayName" onSubmit={handleSubmitDisplayName}>
-          { props.errors.displayName && <span className={styles.hint}> {lang.t('createdisplay.specialCharacters')} </span> }
           <FormField
             id="displayName"
             type="string"
@@ -36,8 +35,11 @@ const CreateDisplayNameDialog = ({open, handleClose, offset, formData, handleSub
             value={formData.displayName}
             onChange={handleChange}
           />
-        <Button id="save" type="submit" className={styles.saveButton}>{lang.t('createdisplay.save')}</Button>
-        </form>
+          { props.errors.displayName && <span className={styles.hint}> {lang.t('createdisplay.specialCharacters')} </span> }
+          <div className={styles.action}>
+            <Button id="save" type="submit" className={styles.saveButton}>{lang.t('createdisplay.save')}</Button>
+          </div>
+      </form>
       </div>
     </div>
   </Dialog>