From 28c2d9e9063b05ad6eff9a227764a9571db4fcbe Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?John=20Molakvo=C3=A6?= <skjnldsv@protonmail.com>
Date: Thu, 22 Jun 2023 19:09:16 +0200
Subject: [PATCH] fix(files): sanitize name and ext display
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com>
---
 apps/files/src/components/FileEntry.vue        | 3 ++-
 apps/files/src/components/FilesListVirtual.vue | 2 ++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/apps/files/src/components/FileEntry.vue b/apps/files/src/components/FileEntry.vue
index 2153377cad8..58b914041b2 100644
--- a/apps/files/src/components/FileEntry.vue
+++ b/apps/files/src/components/FileEntry.vue
@@ -83,7 +83,8 @@
 				<!-- File name -->
 				<span class="files-list__row-name-text">
 					<!-- Keep the displayName stuck to the extension to avoid whitespace rendering issues-->
-					{{ displayName }}<span class="files-list__row-name-ext" v-text="source.extension" />
+					<span class="files-list__row-name-" v-text="displayName" />
+					<span class="files-list__row-name-ext" v-text="source.extension" />
 				</span>
 			</a>
 		</td>
diff --git a/apps/files/src/components/FilesListVirtual.vue b/apps/files/src/components/FilesListVirtual.vue
index ca77f0a8f3e..962b7d56263 100644
--- a/apps/files/src/components/FilesListVirtual.vue
+++ b/apps/files/src/components/FilesListVirtual.vue
@@ -318,6 +318,8 @@ export default Vue.extend({
 				// Make some space for the outline
 				padding: 5px 10px;
 				margin-left: -10px;
+				// Align two name and ext
+				display: inline-flex;
 			}
 
 			.files-list__row-name-ext {