From c7aa851e0d4b53d1dde83975d0cd69bd55ded454 Mon Sep 17 00:00:00 2001
From: "Scott E. Graves" <scott.e.graves@protonmail.com>
Date: Tue, 15 Oct 2019 15:04:16 -0500
Subject: [PATCH] Layout fixes

---
 src/components/MountItem/MountItem.js   | 4 ++--
 src/components/UI/Loading/Loading.js    | 4 ++--
 src/containers/MountItems/MountItems.js | 9 ++++++---
 3 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/components/MountItem/MountItem.js b/src/components/MountItem/MountItem.js
index 494fb7f..d1b9c50 100644
--- a/src/components/MountItem/MountItem.js
+++ b/src/components/MountItem/MountItem.js
@@ -106,9 +106,9 @@ export default connect(mapStateToProps, mapDispatchToProps)(props => {
   const buttonDisplay = props.MState.AllowMount ?
     (props.MState.Mounted ? 'Unmount' : 'Mount') :
     <Loader color={'var(--heading_text_color)'}
-            height='19px'
+            height={19}
             type='Circles'
-            width='19px'/>;
+            width={19}/>;
 
   const actionsDisplay = (
     <Button clicked={()=>props.clicked(props.provider, props.remote, !props.MState.Mounted, props.PState.MountLocation)}
diff --git a/src/components/UI/Loading/Loading.js b/src/components/UI/Loading/Loading.js
index 4e3e95c..83c68d1 100644
--- a/src/components/UI/Loading/Loading.js
+++ b/src/components/UI/Loading/Loading.js
@@ -8,8 +8,8 @@ export default props => {
       className={'Loading'}>
       <div className={'LoadingContent'}>
         <Loader color={'var(--heading_text_color)'}
-                height='28px'
-                width='28px'
+                height={28}
+                width={28}
                 type='ThreeDots'/>
       </div>
     </div>);
diff --git a/src/containers/MountItems/MountItems.js b/src/containers/MountItems/MountItems.js
index 69a708c..41cb9da 100644
--- a/src/containers/MountItems/MountItems.js
+++ b/src/containers/MountItems/MountItems.js
@@ -308,9 +308,12 @@ class MountItems extends IPCContainer {
       )
     }
 
-    let headerItems = [];
+    let footerItems = [];
     if (this.props.remoteSupported) {
-      headerItems.push(<AddRemoteMount key={'hi_' + headerItems.length}/>);
+      footerItems.push(<AddRemoteMount key={'hi_' + footerItems.length}/>);
+    } else {
+      footerItems.push(<div key={'hi_' + footerItems.length}
+                            style={{height: '27px'}}/>);
     }
 
     let items = [];
@@ -355,7 +358,7 @@ class MountItems extends IPCContainer {
           {items}
         </div>
         <div style={{paddingTop: '8px'}}/>
-        {headerItems}
+        {footerItems}
       </div>);
   }
 }