From ba6902820609b5af03c6a8122e6a90d5af8e2a11 Mon Sep 17 00:00:00 2001
From: "julia.kirschenheuter" <julia.kirschenheuter@nextcloud.com>
Date: Mon, 21 Feb 2022 09:45:33 +0100
Subject: [PATCH] Port https://github.com/nextcloud/server/pull/30338

port PR 30338
extend .gitignore

Signed-off-by: julia.kirschenheuter <julia.kirschenheuter@nextcloud.com>
---
 .gitignore                   |  4 ++++
 src/CalendarAvailability.vue | 17 ++++++++++-------
 2 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/.gitignore b/.gitignore
index 40fc3e7..1ac5458 100644
--- a/.gitignore
+++ b/.gitignore
@@ -104,3 +104,7 @@ dist
 
 # TernJS port file
 .tern-port
+
+# Editor directories and files
+.idea
+.vscode
diff --git a/src/CalendarAvailability.vue b/src/CalendarAvailability.vue
index 97fe071..9cd2ba3 100644
--- a/src/CalendarAvailability.vue
+++ b/src/CalendarAvailability.vue
@@ -202,12 +202,12 @@ export default {
 
 <style lang="scss" scoped>
 .availability-day {
-	padding: 0 10px 10px 10px;
+	padding: 0 10px 0 10px;
 	position: absolute;
 }
 .availability-slots {
 	display: flex;
-	padding-left: 8px;
+	white-space: nowrap;
 }
 .availability-slot {
 	display: flex;
@@ -229,12 +229,13 @@ export default {
 	width: 120px;
 }
 .time-zone {
-	padding: 12px 12px 12px 0;
+	padding: 32px 12px 12px 0;
 }
 .grid-table {
 	display: grid;
-	grid-column-gap: 20px;
-	grid-row-gap: 20px;
+	margin-bottom: 32px;
+	grid-column-gap: 24px;
+	grid-row-gap: 6px;
 	grid-template-columns: min-content min-content min-content;
 }
 .button {
@@ -243,7 +244,7 @@ export default {
 .label-weekday {
 	position: relative;
 	display: inline-flex;
-	padding-top: 7px;
+	padding-top: 4px;
 }
 .delete-slot {
 	background-color: transparent;
@@ -261,6 +262,8 @@ export default {
 	opacity: .5;
 	display: inline-flex;
 	padding: 0;
+	margin: 0;
+	margin-bottom: 3px;
 
 	&:hover {
 		opacity: 1;
@@ -274,7 +277,7 @@ export default {
 }
 .empty-content {
 	color: var(--color-text-lighter);
-	align-self: center;
+	margin-top: 4px;
 }
 
 </style>