Layout changes

src/containers/AddRemoteMount/AddRemoteMount.js

@@ -65,7 +65,7 @@ export default connect(mapStateToProps, mapDispatchToProps)(class extends Compon
         <h1 style={{color: 'var(--text_color_error)', textAlign: 'center', paddingBottom: 'var(--default_spacing)'}}>Add Remote Mount</h1>
         <Text text={'Hostname or IP'}
               textAlign={'left'}
-              type={'Heading1'}/>
+              type={'Heading2'}/>
         <input onChange={e => this.setState({HostNameOrIp: e.target.value.trim()})}
                className={'ConfigurationItemInput'}
                type={'text'}
@@ -73,7 +73,7 @@ export default connect(mapStateToProps, mapDispatchToProps)(class extends Compon
         <div style={{paddingTop: 'var(--default_spacing)'}}/>
         <Text text={'Port'}
               textAlign={'left'}
-              type={'Heading1'}/>
+              type={'Heading2'}/>
         <input max={65535}
                min={1025}
                onChange={e => this.setState({Port: e.target.value})}
@@ -83,7 +83,7 @@ export default connect(mapStateToProps, mapDispatchToProps)(class extends Compon
         <div style={{paddingTop: 'var(--default_spacing)'}}/>
         <Text text={'Remote Token'}
               textAlign={'left'}
-              type={'Heading1'}/>
+              type={'Heading2'}/>
         <input onChange={e => this.setState({Token: e.target.value})}
                className={'ConfigurationItemInput'}
                type={'text'}
@@ -114,4 +114,4 @@ export default connect(mapStateToProps, mapDispatchToProps)(class extends Compon
       </div>
     );
   }
-});
+});

src/containers/Configuration/Configuration.js

@@ -270,7 +270,7 @@ class Configuration extends IPCContainer {
     for (const key of Object.keys(this.state.ObjectLookup)) {
       objectItems.push((
         <div key={key}>
-          <h1>{key}</h1>
+          <h2>{key}</h2>
           <div>
             {
               this.state.ObjectLookup[key].map((k, i) => {
@@ -330,7 +330,7 @@ class Configuration extends IPCContainer {
               this.props.DisplayConfiguration) + ' Configuration'}</h1>
           <div style={{overflowY: 'auto', height: '90%'}}>
             {objectItems}
-            {(configurationItems.length > 0) ? <h1>Settings</h1> : null}
+            {(configurationItems.length > 0) ? <h2>Settings</h2> : null}
             {configurationItems}
           </div>
         </Box>

src/containers/MountItems/MountItem/MountItem.js

@@ -169,7 +169,7 @@ export default connect(mapStateToProps, mapDispatchToProps)(props => {
           col={configButton ? 6 : 0}
           rowSpan={5}
           text={props.remote ? props.provider.substr(6) : props.provider}
-          type={'Heading1'}/>
+          type={'Heading2'}/>
         {inputControls}
         {actionsDisplay}
         {autoMountControl}