Fixed: Edit button for Remote Path Mapping hidden on small screens

frontend/src/Settings/DownloadClients/RemotePathMappings/RemotePathMapping.css

@@ -8,11 +8,15 @@
 }
 
 .host {
-  flex: 0 0 300px;
+  @add-mixin truncate;
+
+  flex: 0 1 300px;
 }
 
 .path {
-  flex: 0 0 400px;
+  @add-mixin truncate;
+
+  flex: 0 1 400px;
 }
 
 .actions {

frontend/src/Settings/DownloadClients/RemotePathMappings/RemotePathMappings.css

@@ -5,11 +5,15 @@
 }
 
 .host {
-  flex: 0 0 300px;
+  @add-mixin truncate;
+
+  flex: 0 1 300px;
 }
 
 .path {
-  flex: 0 0 400px;
+  @add-mixin truncate;
+
+  flex: 0 1 400px;
 }
 
 .addRemotePathMapping {

frontend/src/Settings/General/HostSettings.js

@@ -87,7 +87,7 @@ function HostSettings(props) {
       </FormGroup>
 
       {
-        enableSsl.value &&
+        enableSsl.value ?
           <FormGroup
             advancedSettings={advancedSettings}
             isAdvanced={true}
@@ -103,11 +103,12 @@ function HostSettings(props) {
               onChange={onInputChange}
               {...sslPort}
             />
-        </FormGroup>
+          </FormGroup> :
+          null
       }
 
       {
-        isWindows && enableSsl.value &&
+        isWindows && enableSsl.value ?
           <FormGroup
             advancedSettings={advancedSettings}
             isAdvanced={true}
@@ -121,11 +122,12 @@ function HostSettings(props) {
               onChange={onInputChange}
               {...sslCertHash}
             />
-        </FormGroup>
+          </FormGroup> :
+          null
       }
 
       {
-        mode !== 'service' &&
+        isWindows && mode !== 'service' ?
           <FormGroup size={sizes.MEDIUM}>
             <FormLabel>Open browser on start</FormLabel>
 
@@ -136,7 +138,8 @@ function HostSettings(props) {
               onChange={onInputChange}
               {...launchBrowser}
             />
-        </FormGroup>
+          </FormGroup> :
+          null
       }
 
     </FieldSet>