From 4f5d889886399a5120c1707413227fc78bf8fd46 Mon Sep 17 00:00:00 2001
From: ysandler <ysandler@tzed.io>
Date: Fri, 7 Aug 2020 23:04:21 -0500
Subject: [PATCH] style: fluid width for nodule inputs

---
 src/views/CreateNodule/CreateFilterNoduleForm.js |  2 +-
 src/views/CreateNodule/CreateNodule.js           | 13 ++++++-------
 2 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/views/CreateNodule/CreateFilterNoduleForm.js b/src/views/CreateNodule/CreateFilterNoduleForm.js
index 1e7d6d2..1ea4476 100644
--- a/src/views/CreateNodule/CreateFilterNoduleForm.js
+++ b/src/views/CreateNodule/CreateFilterNoduleForm.js
@@ -75,7 +75,7 @@ class CreateFilterNoduleForm extends Component {
             <List celled>
               { filterParamElements.filterValueElements }
             </List>
-            <Input placeholder='Key' ref={this.valueInput} style={{ width: '115px' }} />
+            <Input placeholder='Value' ref={this.valueInput} style={{ width: '115px' }} />
             <Button animated='vertical' onClick={this.addKeyValueInput}>
               <Button.Content hidden><Icon name='add' /></Button.Content>
               <Button.Content visible>Add</Button.Content>
diff --git a/src/views/CreateNodule/CreateNodule.js b/src/views/CreateNodule/CreateNodule.js
index e08e80e..9764e6c 100644
--- a/src/views/CreateNodule/CreateNodule.js
+++ b/src/views/CreateNodule/CreateNodule.js
@@ -93,12 +93,11 @@ class CreateNodule extends Component {
         <Header as='h3'>Create Nodule</Header>
 
         <Input
-            placeholder='Nodule Label'
-            ref={this.noduleLabelInput}
-            icon='tags'
-            style={{ width: '300px' }}
-          />
-          <br />
+          placeholder='Nodule Label'
+          ref={this.noduleLabelInput}
+          icon='tags'
+          fluid
+        />
 
         <Dropdown
           value ={this.state.noduleType}
@@ -110,7 +109,7 @@ class CreateNodule extends Component {
           ]}
           fluid
           selection
-          style={{ width: '300px' }}
+          fluid
           onChange={this.handleChange}
         />