Merge pull request #43333 from nextcloud/43225-fix-share-quick-perms-subline

Show quick permission subline on newline

apps/files_sharing/src/views/SharingDetailsTab.vue

@@ -56,7 +56,7 @@
 						button-variant-grouped="vertical"
 						@update:checked="toggleCustomPermissions">
 						{{ t('files_sharing', 'File drop') }}
-						<small>{{ t('files_sharing', 'Upload only') }}</small>
+						<small class="subline">{{ t('files_sharing', 'Upload only') }}</small>
 						<template #icon>
 							<UploadIcon :size="20" />
 						</template>
@@ -69,7 +69,7 @@
 						button-variant-grouped="vertical"
 						@update:checked="expandCustomPermissions">
 						{{ t('files_sharing', 'Custom permissions') }}
-						<small>{{ customPermissionsList }}</small>
+						<small class="subline">{{ customPermissionsList }}</small>
 						<template #icon>
 							<DotsHorizontalIcon :size="20" />
 						</template>
@@ -993,7 +993,6 @@ export default {
 				span:nth-child(1) {
 					align-items: center;
 					justify-content: center;
-					color: var(--color-primary-element);
 					padding: 0.1em;
 				}
 
@@ -1004,6 +1003,10 @@ export default {
 						flex-direction: column;
 					}
 				}
+
+				.subline {
+					display: block;
+				}
 			}
 
 		}