Layout changes

electron.js

@@ -25,7 +25,7 @@ function createWindow() {
   loadUiSettings();
 
   // Create the browser window.
-  const height = (process.env.ELECTRON_START_URL ? 394 : 374) - (os.platform() === 'win32' ? 0 : 20);
+  const height = (process.env.ELECTRON_START_URL ? 402 : 382) - (os.platform() === 'win32' ? 0 : 20);
   mainWindow = new BrowserWindow({
     width: 425 + (os.platform() === 'win32' ? 0 : 130),
     height: height,
@@ -284,7 +284,7 @@ ipcMain.on(Constants.IPC_Detect_Mounts, (event, data) => {
   };
 
   const setImage = (hsLocation, siaLocation, siaPrimeLocation) => {
-    if (os.platform() === 'win32') {
+    if (os.platform() === 'win32' || os.platform() === 'linux') {
       let image;
       if ((siaLocation.length > 0) || (hsLocation.length > 0) || (siaPrimeLocation.length > 0)) {
         image = nativeImage.createFromPath(path.join(__dirname, '/build/logo_both.png'));

src/App.js

@@ -698,8 +698,7 @@ class App extends Component {
 
       if (allowMount) {
         mainContent.push((
-          <div key={'md_' + key++}
+          <div key={'md_' + key++}>
-               style={{height: '66%'}}>
             <MountItems allowConfig={allowConfig}
                         allowSiaPrime={allowSiaPrime}
                         autoMountChanged={this.handleAutoMountChanged}
@@ -752,7 +751,7 @@ class App extends Component {
             </Box>
           </div>
           <div styleName='Content'>
-            <Box dxStyle={{padding: '8px'}}>
+            <Box dxStyle={{padding: '8px 8px 0px 8px'}}>
               {mainContent}
             </Box>
           </div>

src/index.css

@@ -18,7 +18,7 @@
 
 * {
   font-family: 'Nunito', sans-serif;
-  font-size: 4.4vmin;
+  font-size: 4vmin;
 }
 
 *::-moz-focus-inner {