fix(files): file name and header sort buttons alignments

Signed-off-by: skjnldsv <skjnldsv@protonmail.com>
nextcloud · Aug 7, 2024 · c3ec52b · c3ec52b
1 parent 5d577be
commit c3ec52b
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git 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
@@ -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;
 			}