From c3ec52b8c1e6de77d611784846093ac975cdeee7 Mon Sep 17 00:00:00 2001
From: skjnldsv <skjnldsv@protonmail.com>
Date: Wed, 7 Aug 2024 13:29:12 +0200
Subject: [PATCH] fix(files): file name and header sort buttons alignments

Signed-off-by: skjnldsv <skjnldsv@protonmail.com>
---
 apps/files/src/components/FilesListTableHeaderButton.vue | 2 +-
 apps/files/src/components/FilesListVirtual.vue           | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/apps/files/src/components/FilesListTableHeaderButton.vue b/apps/files/src/components/FilesListTableHeaderButton.vue
index 7a5e900807faa..45fc34eb8d580 100644
--- a/apps/files/src/components/FilesListTableHeaderButton.vue
+++ b/apps/files/src/components/FilesListTableHeaderButton.vue
@@ -61,7 +61,7 @@ export default defineComponent({
 <style scoped lang="scss">
 .files-list__column-sort-button {
 	// Compensate for cells margin
-	margin: 0 calc(var(--cell-margin) * -1);
+	margin: 0 calc(var(--button-padding, var(--cell-margin)) * -1);
 	min-width: calc(100% - 3 * var(--cell-margin))!important;
 
 	&-text {
diff --git a/apps/files/src/components/FilesListVirtual.vue b/apps/files/src/components/FilesListVirtual.vue
index 4c9cea00f9cc1..9a35e9ff855e4 100644
--- a/apps/files/src/components/FilesListVirtual.vue
+++ b/apps/files/src/components/FilesListVirtual.vue
@@ -610,6 +610,7 @@ export default defineComponent({
 				// Necessary for flex grow to work
 				min-width: 0;
 				margin: 0;
+				padding: 0;
 
 				// Already added to the inner text, see rule below
 				&:focus-visible {
@@ -630,7 +631,7 @@ export default defineComponent({
 				color: var(--color-main-text);
 				// Make some space for the outline
 				padding: var(--default-grid-baseline) calc(2 * var(--default-grid-baseline));
-				margin-left: -10px;
+				padding-left: 0;
 				// Align two name and ext
 				display: inline-flex;
 			}