Reduce left margin of files list header

Signed-off-by: julia.kirschenheuter <[email protected]>

apps/files/src/views/FilesList.vue

@@ -25,7 +25,7 @@
 			<!-- Current folder breadcrumbs -->
 			<BreadCrumbs :path="dir" @reload="fetchContent">
 				<template #actions>
-					<NcButton v-if="canShare"
+					<NcButton v-if="canShare && filesListWidth >= 512"
 						:aria-label="shareButtonLabel"
 						:class="{ 'files-list__header-share-button--shared': shareButtonType }"
 						:title="shareButtonLabel"
@@ -133,6 +133,7 @@ import FilesListVirtual from '../components/FilesListVirtual.vue'
 import filesListWidthMixin from '../mixins/filesListWidth.ts'
 import filesSortingMixin from '../mixins/filesSorting.ts'
 import logger from '../logger.js'
+import filesListWidth from '../mixins/filesListWidth.ts'
 
 const isSharingEnabled = getCapabilities()?.files_sharing !== undefined
 
@@ -157,6 +158,7 @@ export default Vue.extend({
 	mixins: [
 		filesListWidthMixin,
 		filesSortingMixin,
+		filesListWidth,
 	],
 
 	setup() {
@@ -485,6 +487,7 @@ $navigationToggleSize: 50px;
 		flex: 0 0;
 		// Align with the navigation toggle icon
 		margin: $margin $margin $margin $navigationToggleSize;
+		max-width: 100%;
 		> * {
 			// Do not grow or shrink (horizontally)
 			// Only the breadcrumbs shrinks