aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--apps/files/src/components/FileEntry.vue3
-rw-r--r--apps/files/src/components/FilesListVirtual.vue2
2 files changed, 4 insertions, 1 deletions
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 {