diff --git a/frontend/src/Settings/DownloadClients/RemotePathMappings/RemotePathMapping.css b/frontend/src/Settings/DownloadClients/RemotePathMappings/RemotePathMapping.css
index a79efda26..13f35bed4 100644
--- a/frontend/src/Settings/DownloadClients/RemotePathMappings/RemotePathMapping.css
+++ b/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 {
diff --git a/frontend/src/Settings/DownloadClients/RemotePathMappings/RemotePathMappings.css b/frontend/src/Settings/DownloadClients/RemotePathMappings/RemotePathMappings.css
index 4ef9dcb0f..6d0079fd9 100644
--- a/frontend/src/Settings/DownloadClients/RemotePathMappings/RemotePathMappings.css
+++ b/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 {
diff --git a/frontend/src/Settings/General/HostSettings.js b/frontend/src/Settings/General/HostSettings.js
index 2d17dc09f..372fcf850 100644
--- a/frontend/src/Settings/General/HostSettings.js
+++ b/frontend/src/Settings/General/HostSettings.js
@@ -87,56 +87,59 @@ function HostSettings(props) {
{
- enableSsl.value &&
-
- SSL Port
+ enableSsl.value ?
+
+ SSL Port
-
-
+
+ :
+ null
}
{
- isWindows && enableSsl.value &&
-
- SSL Cert Hash
+ isWindows && enableSsl.value ?
+
+ SSL Cert Hash
-
-
+
+ :
+ null
}
{
- mode !== 'service' &&
-
- Open browser on start
+ isWindows && mode !== 'service' ?
+
+ Open browser on start
-
-
+
+ :
+ null
}