DRY spacing between tabs/content & less technical wording

src/components/AlgorithmEditor.jsx

@@ -934,7 +934,7 @@ class AlgorithmEditor extends React.Component<Props, State> {
 	);
 
 	render = () => (
-		<div className='mt-1'>
+		<div>
 			<div className='d-flex'>
 				<Button
 					className='mx-auto'
@@ -942,7 +942,7 @@ class AlgorithmEditor extends React.Component<Props, State> {
 					color='secondary'
 					onClick={() => this.props.saveFunc(this.state.cache)}
 				>
-					Save Changes (Cache is <ValidSchemaBadge entity='algorithm' obj={this.state.cache} />)
+					Save Changes (Changes are <ValidSchemaBadge entity='algorithm' obj={this.state.cache} />)
 				</Button>
 			</div>
 			<Form>

src/components/DataformatEditor.jsx

@@ -345,7 +345,7 @@ class DataformatEditor extends React.Component<Props, State> {
 	}
 
 	render = () => (
-		<div className='mt-1'>
+		<div>
 			<div className='d-flex'>
 				<Button
 					className='mx-auto'
@@ -353,7 +353,7 @@ class DataformatEditor extends React.Component<Props, State> {
 					color='secondary'
 					onClick={() => this.props.saveFunc(this.state.cache)}
 				>
-					Save Changes (Cache is <ValidSchemaBadge entity='dataformat' obj={this.state.cache} />)
+					Save Changes (Changes are <ValidSchemaBadge entity='dataformat' obj={this.state.cache} />)
 				</Button>
 			</div>
 			<Form onSubmit={(e) => e.preventDefault()}>

src/components/EntityDetail.jsx

@@ -125,7 +125,7 @@ class EntityDetail extends React.Component<Props, State> {
 								</NavLink>
 							</NavItem>
 						</Nav>
-						<TabContent activeTab={this.state.activeTab}>
+						<TabContent activeTab={this.state.activeTab} className='mt-2'>
 							<TabPane tabId='0'>
 								{
 									this.props.match.params.entity === 'algorithm' &&
@@ -150,6 +150,11 @@ class EntityDetail extends React.Component<Props, State> {
 								}
 							</TabPane>
 							<TabPane tabId='1'>
+								<Row>
+									<Col>
+										<h4 style={{textAlign: 'center'}}>Under construction :)</h4>
+									</Col>
+								</Row>
 							</TabPane>
 							<TabPane tabId='2'>
 								<pre>{ JSON.stringify(this.props.getEntityObject(), null, 4) }</pre>

src/components/LibraryEditor.jsx

@@ -115,7 +115,7 @@ class LibraryEditor extends React.Component<Props, State> {
 	}
 
 	render = () => (
-		<div className='mt-1'>
+		<div>
 			<div className='d-flex'>
 				<Button
 					className='mx-auto'
@@ -123,7 +123,7 @@ class LibraryEditor extends React.Component<Props, State> {
 					color='secondary'
 					onClick={() => this.props.saveFunc(this.state.cache)}
 				>
-					Save Changes (Cache is <ValidSchemaBadge entity='library' obj={this.state.cache} />)
+					Save Changes (Changes are <ValidSchemaBadge entity='library' obj={this.state.cache} />)
 				</Button>
 			</div>
 			<Form onSubmit={(e) => e.preventDefault()}>