Layout changes

src/containers/MountItems/MountItems.js

@@ -311,8 +311,6 @@ class MountItems extends IPCContainer {
     let headerItems = [];
     if (this.props.remoteSupported) {
       headerItems.push(<AddRemoteMount key={'hi_' + headerItems.length}/>);
-      headerItems.push(<div key={'hi_' + headerItems.length}
-                            style={{paddingTop: '4px'}} />)
     }
 
     let items = [];
@@ -327,7 +325,7 @@ class MountItems extends IPCContainer {
                    provider={provider}/>
       ));
       items.push(<div key={'it_' + items.length}
-                      style={{paddingTop: '4px'}} />)
+                      style={{paddingTop: '8px'}} />)
     }
 
     if (this.props.remoteSupported) {
@@ -343,7 +341,7 @@ class MountItems extends IPCContainer {
                      remote/>
         ));
         items.push(<div key={'it_' + items.length}
-                        style={{paddingTop: '4px'}}/>)
+                        style={{paddingTop: '8px'}}/>)
       }
       if (this.props.RemoteMounts.length > 0) {
         items.splice(items.length - 1, 1);
@@ -353,12 +351,13 @@ class MountItems extends IPCContainer {
     }
     
     return (
-      <div>
+      <div style={{margin: 0, padding: 0}}>
         {retryDisplay}
-        {headerItems}
         <div className={this.props.remoteSupported ? 'MountItemsRemote' : 'MountItems'}>
           {items}
         </div>
+        <div style={{paddingTop: '8px'}}/>
+        {headerItems}
       </div>);
   }
 }