From 2ef3a87a465ddc54ad45410cdf3a23c189cb08ea Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Quentin=20Guid=C3=A9e?= <quentin.guidee@gmail.com>
Date: Sun, 19 Dec 2021 23:54:17 +0100
Subject: [PATCH] Fix groupware visual issue and improve spacing
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Quentin Guidée <quentin.guidee@gmail.com>
---
 apps/dav/src/views/Availability.vue | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/apps/dav/src/views/Availability.vue b/apps/dav/src/views/Availability.vue
index 80422df1c76..9bd94fd160e 100644
--- a/apps/dav/src/views/Availability.vue
+++ b/apps/dav/src/views/Availability.vue
@@ -49,6 +49,7 @@
 				<button :key="`add-slot-${day.id}`"
 					:disabled="loading"
 					class="icon-add add-another button"
+					:class="{ 'add-another-not-first': day.slots.length !== 0 }"
 					:title="$t('dav', 'Add slot')"
 					@click="addSlot(day)" />
 			</template>
@@ -196,11 +197,16 @@ export default {
 .availability-slots {
 	display: flex;
 	padding-left: 8px;
+	white-space: nowrap;
 }
 .availability-slot {
 	display: flex;
 	flex-direction: row;
 	align-items: center;
+
+	&:last-child {
+		margin-bottom: 12px;
+	}
 }
 .availability-slot-group {
 	display: flex;
@@ -217,12 +223,13 @@ export default {
 	width: 120px;
 }
 .time-zone {
-	padding: 12px 12px 12px 0;
+	padding: 32px 12px 12px 0;
 }
 .grid-table {
 	display: grid;
+	padding-bottom: 24px;
 	grid-column-gap: 20px;
-	grid-row-gap: 20px;
+	grid-row-gap: 0px;
 	grid-template-columns: min-content min-content min-content;
 }
 .button {
@@ -249,6 +256,11 @@ export default {
 	opacity: .5;
 	display: inline-flex;
 	padding: 0;
+	margin-bottom: 1px;
+
+	&-not-first {
+		margin-bottom: 15px;
+	}
 
 	&:hover {
 		opacity: 1;