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,56 +87,59 @@ function HostSettings(props) {
       </FormGroup>
 
       {
-        enableSsl.value &&
+        enableSsl.value ?
-        <FormGroup
+          <FormGroup
-          advancedSettings={advancedSettings}
+            advancedSettings={advancedSettings}
-          isAdvanced={true}
+            isAdvanced={true}
-        >
+          >
-          <FormLabel>SSL Port</FormLabel>
+            <FormLabel>SSL Port</FormLabel>
-
+
-          <FormInputGroup
+            <FormInputGroup
-            type={inputTypes.NUMBER}
+              type={inputTypes.NUMBER}
-            name="sslPort"
+              name="sslPort"
-            min={1}
+              min={1}
-            max={65535}
+              max={65535}
-            helpTextWarning="Requires restart to take effect"
+              helpTextWarning="Requires restart to take effect"
-            onChange={onInputChange}
+              onChange={onInputChange}
-            {...sslPort}
+              {...sslPort}
-          />
+            />
-        </FormGroup>
+          </FormGroup> :
+          null
       }
 
       {
-        isWindows && enableSsl.value &&
+        isWindows && enableSsl.value ?
-        <FormGroup
+          <FormGroup
-          advancedSettings={advancedSettings}
+            advancedSettings={advancedSettings}
-          isAdvanced={true}
+            isAdvanced={true}
-        >
+          >
-          <FormLabel>SSL Cert Hash</FormLabel>
+            <FormLabel>SSL Cert Hash</FormLabel>
-
+
-          <FormInputGroup
+            <FormInputGroup
-            type={inputTypes.TEXT}
+              type={inputTypes.TEXT}
-            name="sslCertHash"
+              name="sslCertHash"
-            helpTextWarning="Requires restart to take effect"
+              helpTextWarning="Requires restart to take effect"
-            onChange={onInputChange}
+              onChange={onInputChange}
-            {...sslCertHash}
+              {...sslCertHash}
-          />
+            />
-        </FormGroup>
+          </FormGroup> :
+          null
       }
 
       {
-        mode !== 'service' &&
+        isWindows && mode !== 'service' ?
-        <FormGroup size={sizes.MEDIUM}>
+          <FormGroup size={sizes.MEDIUM}>
-          <FormLabel>Open browser on start</FormLabel>
+            <FormLabel>Open browser on start</FormLabel>
-
+
-          <FormInputGroup
+            <FormInputGroup
-            type={inputTypes.CHECK}
+              type={inputTypes.CHECK}
-            name="launchBrowser"
+              name="launchBrowser"
-            helpText=" Open a web browser and navigate to Sonarr homepage on app start."
+              helpText=" Open a web browser and navigate to Sonarr homepage on app start."
-            onChange={onInputChange}
+              onChange={onInputChange}
-            {...launchBrowser}
+              {...launchBrowser}
-          />
+            />
-        </FormGroup>
+          </FormGroup> :
+          null
       }
 
     </FieldSet>