From a8ebba2cf2b8ee36960c821acba8985eb8aaaaa0 Mon Sep 17 00:00:00 2001
From: Drian Hillman <dhillman24@gmail.com>
Date: Sat, 1 Jul 2017 13:52:46 -0400
Subject: [PATCH] adds context to new list item button

---
 src/components/Widgets/ListControl.css | 1 +
 src/components/Widgets/ListControl.js  | 4 +++-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/Widgets/ListControl.css b/src/components/Widgets/ListControl.css
index 116a1f7b..3c265c14 100644
--- a/src/components/Widgets/ListControl.css
+++ b/src/components/Widgets/ListControl.css
@@ -22,6 +22,7 @@
 
 .addButtonText {
   margin-left: 4px;
+  text-transform: lowercase;
 }
 
 .removeButton {
diff --git a/src/components/Widgets/ListControl.js b/src/components/Widgets/ListControl.js
index ec19cde8..7ba6dae3 100644
--- a/src/components/Widgets/ListControl.js
+++ b/src/components/Widgets/ListControl.js
@@ -171,11 +171,13 @@ export default class ListControl extends Component {
 
   renderListControl() {
     const { value, forID } = this.props;
+    const listLabel = this.props.field._root.entries[0][1];
+
     return (<div id={forID}>
       {value && value.map((item, index) => this.renderItem(item, index))}
       <button className={styles.addButton} onClick={this.handleAdd}>
         <FontIcon value="add" className={styles.addButtonIcon} />
-        <span className={styles.addButtonText}>new</span>
+        <span className={styles.addButtonText}>new {listLabel}</span>
       </button>
     </div>);
   }