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 <fenn25.fn@gmail.com>

diff --git a/apps/files_sharing/src/views/SharingDetailsTab.vue b/apps/files_sharing/src/views/SharingDetailsTab.vue
index ef7f4964a849bbc437b5823e226e9e614d36be40..8a77100bac1f4d681439d1cc3b48aa1ffe299fd9 100644 (file)
--- a/apps/files_sharing/src/views/SharingDetailsTab.vue
+++ b/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;
+                               }
                        }
 
                }