Show quick permission subline on newline

- Show quick permission details/explanations on subline

- Fix icon colors, should be white (or component set color) when highlighted.

Signed-off-by: fenn-cs <[email protected]>

Author: nfebe

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;
+				}
 			}
 
 		}