Layout fixes

This commit is contained in:
2019-10-15 15:04:16 -05:00
parent 94fc2c60ec
commit c7aa851e0d
3 changed files with 10 additions and 7 deletions

View File

@@ -106,9 +106,9 @@ export default connect(mapStateToProps, mapDispatchToProps)(props => {
const buttonDisplay = props.MState.AllowMount ? const buttonDisplay = props.MState.AllowMount ?
(props.MState.Mounted ? 'Unmount' : 'Mount') : (props.MState.Mounted ? 'Unmount' : 'Mount') :
<Loader color={'var(--heading_text_color)'} <Loader color={'var(--heading_text_color)'}
height='19px' height={19}
type='Circles' type='Circles'
width='19px'/>; width={19}/>;
const actionsDisplay = ( const actionsDisplay = (
<Button clicked={()=>props.clicked(props.provider, props.remote, !props.MState.Mounted, props.PState.MountLocation)} <Button clicked={()=>props.clicked(props.provider, props.remote, !props.MState.Mounted, props.PState.MountLocation)}

View File

@@ -8,8 +8,8 @@ export default props => {
className={'Loading'}> className={'Loading'}>
<div className={'LoadingContent'}> <div className={'LoadingContent'}>
<Loader color={'var(--heading_text_color)'} <Loader color={'var(--heading_text_color)'}
height='28px' height={28}
width='28px' width={28}
type='ThreeDots'/> type='ThreeDots'/>
</div> </div>
</div>); </div>);

View File

@@ -308,9 +308,12 @@ class MountItems extends IPCContainer {
) )
} }
let headerItems = []; let footerItems = [];
if (this.props.remoteSupported) { 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 = []; let items = [];
@@ -355,7 +358,7 @@ class MountItems extends IPCContainer {
{items} {items}
</div> </div>
<div style={{paddingTop: '8px'}}/> <div style={{paddingTop: '8px'}}/>
{headerItems} {footerItems}
</div>); </div>);
} }
} }