From 75035035e1abfebd6fefe2fca9f9670e80c11a7f Mon Sep 17 00:00:00 2001
From: LarsHelo <lars.erik.heloe@gmail.com>
Date: Tue, 21 Feb 2023 10:00:11 +0100
Subject: [PATCH] Fixed: Remote path mapping UI being partially hidden on
 smaller screens

---
 .../RemotePathMappings/RemotePathMapping.css             | 8 ++++++--
 .../RemotePathMappings/RemotePathMappings.css            | 9 +++++++--
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/frontend/src/Settings/DownloadClients/RemotePathMappings/RemotePathMapping.css b/frontend/src/Settings/DownloadClients/RemotePathMappings/RemotePathMapping.css
index a60711de5..4db0b47ac 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..30b449dba 100644
--- a/frontend/src/Settings/DownloadClients/RemotePathMappings/RemotePathMappings.css
+++ b/frontend/src/Settings/DownloadClients/RemotePathMappings/RemotePathMappings.css
@@ -1,15 +1,20 @@
 .remotePathMappingsHeader {
   display: flex;
   margin-bottom: 10px;
+  padding-right: 24px;
   font-weight: bold;
 }
 
 .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 {