From 5855b92852943fbedef8d906a9ff1aa813960c9c Mon Sep 17 00:00:00 2001
From: Joshua Shoemaker <joshuashoemaker@outlook.com>
Date: Fri, 31 Jul 2020 16:34:10 -0500
Subject: [PATCH] fix: Foreign Table Key to Label in Join Form

---
 src/views/CreateNodule/CreateJoinNoduleForm.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/views/CreateNodule/CreateJoinNoduleForm.js b/src/views/CreateNodule/CreateJoinNoduleForm.js
index 9dc2463..84571cb 100644
--- a/src/views/CreateNodule/CreateJoinNoduleForm.js
+++ b/src/views/CreateNodule/CreateJoinNoduleForm.js
@@ -81,12 +81,12 @@ class CreateJoinNoduleForm extends Component {
           { this.renderJoinParams() }
         </List>
 
-        <Input label='Primary Table Key' placeholder='Key' ref={this.primaryTableKeyInput} style={{ width: '160px' }} />
-        <Input label='Foreign Table Key' placeholder='Key' ref={this.foreignTableInput} style={{ width: '163px' }} />
-        <Input label='Matching Key' placeholder='Key' ref={this.matchingKeyInput} style={{ width: '296px' }} />
+        <Input label='Primary Key' placeholder='Key' ref={this.primaryTableKeyInput} style={{ width: '100%' }} />
+        <Input label='Foreign Table' placeholder='Label' ref={this.foreignTableInput} style={{ width: '100%' }} />
+        <Input label='Foreign Key' placeholder='Key' ref={this.matchingKeyInput} style={{ width: '100%' }} />
         <br />
 
-        <Button animated='vertical' onClick={this.addJoinParam} >
+        <Button animated='vertical' onClick={this.addJoinParam}>
           <Button.Content hidden><Icon name='add' /></Button.Content>
           <Button.Content visible>Add</Button.Content>
         </Button>