Layout changes

src/App.js

@@ -683,7 +683,7 @@ class App extends Component {
       if (allowMount) {
         mainContent.push((
           <div key={'md_' + key++}
-               style={{height: '28%'}}>
+               style={{height: '66%'}}>
             <MountItems allowConfig={allowConfig}
                         autoMountChanged={this.handleAutoMountChanged}
                         autoMountProcessed={this.notifyAutoMountProcessed}

src/containers/MountItems/MountItems.js

@@ -217,7 +217,7 @@ class MountItems extends Component {
                    pid={this.state.Hyperspace.PID}
                    platform={this.props.platform}
                    title={'Hyperspace'}/>
-        <div style={{paddingTop: '8px'}}/>
+        <div style={{paddingTop: '12px'}}/>
         <MountItem allowConfig={this.props.allowConfig}
                    allowMount={this.state.Sia.AllowMount}
                    autoMount={this.props.sia.AutoMount}
@@ -231,7 +231,7 @@ class MountItems extends Component {
                    pid={this.state.Sia.PID}
                    platform={this.props.platform}
                    title={'Sia'}/>
-        <div style={{paddingTop: '8px'}}/>
+        <div style={{paddingTop: '12px'}}/>
         <MountItem allowConfig={this.props.allowConfig}
                    allowMount={this.state.Sia.AllowMount}
                    autoMount={this.props.siaprime.AutoMount}

src/index.css

@@ -18,7 +18,7 @@
 
 * {
   font-family: 'Nunito', sans-serif;
-  font-size: 5vh;
+  font-size: 3.5vw;
 }
 
 *::-moz-focus-inner {