From d7469d648de86e6c811d82a14ece42d92e2e4472 Mon Sep 17 00:00:00 2001
From: gaba <gabelula@gmail.com>
Date: Tue, 14 Feb 2017 17:48:10 -0800
Subject: [PATCH] Replace element with name instead of id. Add style to
 textfield from coral-ui.

---
 client/coral-configure/components/ConfigureCommentStream.js | 2 +-
 client/coral-ui/components/TextField.js                     | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/client/coral-configure/components/ConfigureCommentStream.js b/client/coral-configure/components/ConfigureCommentStream.js
index e621f85f1..67f959390 100644
--- a/client/coral-configure/components/ConfigureCommentStream.js
+++ b/client/coral-configure/components/ConfigureCommentStream.js
@@ -48,7 +48,7 @@ export default ({handleChange, handleApply, changed, updateQuestionBoxContent, .
 
           <div className={`${styles.configSettingQuestionBox} ${props.questionBoxEnable ? null : styles.hidden}`} >
             <TextField
-              id="qboxcontent"
+              name="qboxcontent"
               className={`${styles.configSettingQuestionBoxInfo}`}
               onChange={updateQuestionBoxContent}
               rows={3}
diff --git a/client/coral-ui/components/TextField.js b/client/coral-ui/components/TextField.js
index 6c7b30ad1..c72957076 100644
--- a/client/coral-ui/components/TextField.js
+++ b/client/coral-ui/components/TextField.js
@@ -4,15 +4,16 @@ import 'material-design-lite';
 
 export default class TextField extends Component {
   render() {
-    const {id, className, onChange, label, rows, value} = this.props;
+    const {name, className, onChange, label, rows, value, style} = this.props;
     return (
       <TextFieldMDL
-        id={id}
+        name={name}
         className={className}
         onChange={onChange}
         label={label}
         rows={rows}
         value={value}
+        style={style}
       />
     );
   }