From 5d083d0b4669bc8dbc8a364918b5f5dd4d14c847 Mon Sep 17 00:00:00 2001
From: Christopher Ng <chrng8@gmail.com>
Date: Wed, 14 Sep 2022 01:53:50 +0000
Subject: Align sharing tab content and increase spacing

Signed-off-by: Christopher Ng <chrng8@gmail.com>
---
 apps/files_sharing/src/views/SharingTab.vue | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

(limited to 'apps')

diff --git a/apps/files_sharing/src/views/SharingTab.vue b/apps/files_sharing/src/views/SharingTab.vue
index 8ab3cf0f9ff..d1416a6c0d1 100644
--- a/apps/files_sharing/src/views/SharingTab.vue
+++ b/apps/files_sharing/src/views/SharingTab.vue
@@ -29,7 +29,7 @@
 		</div>
 
 		<!-- shares content -->
-		<template v-else>
+		<div v-else class="sharingTab__content">
 			<!-- shared with me information -->
 			<SharingEntrySimple v-if="isSharedWithMe" v-bind="sharedWithMe" class="sharing-entry__reshare">
 				<template #avatar>
@@ -73,7 +73,7 @@
 				:id="`${fileInfo.id}`"
 				type="file"
 				:name="fileInfo.name" />
-		</template>
+		</div>
 
 		<!-- additional entries, use it with cautious -->
 		<div v-for="(section, index) in sections"
@@ -364,7 +364,13 @@ export default {
 .emptyContentWithSections {
 	margin: 1rem auto;
 }
-.sharingTab__additionalContent {
-	margin: 20px 0;
+
+.sharingTab {
+	&__content {
+		padding: 0 6px;
+	}
+	&__additionalContent {
+		margin: 44px 0;
+	}
 }
 </style>
-- 
cgit v1.2.3