style(EditCalendarModal): align checkbox

Signed-off-by: Grigory V <[email protected]>

src/components/AppNavigation/EditCalendarModal.vue

@@ -26,14 +26,14 @@
 			</div>
 			<template v-if="canBeShared">
 				<NcListItem :name="$t('calendar', 'Include calendar in free/busy checks')"
-										@click="isTransparent = !isTransparent">
+					@click="isTransparent = !isTransparent">
 					<template #icon>
 						<CheckboxBlank v-if="isTransparent"
-													 :size="20"
-													 :fill-color="calendar.color" />
+							:size="20"
+							:fill-color="calendar.color" />
 						<CheckboxMarked v-else
-														:size="20"
-														:fill-color="calendar.color" />
+							:size="20"
+							:fill-color="calendar.color" />
 					</template>
 				</NcListItem>
 			</template>
@@ -215,18 +215,18 @@ export default {
 		 * Save the calendar transparency.
 		 */
 		async saveTransparency() {
-				try {
-					await this.calendarsStore.changeCalendarTransparency({
-						calendar: this.calendar,
-						transparency: this.isTransparent ? 'transparent' : 'opaque',
-					})
-				} catch (error) {
-					logger.error('Failed to save calendar transparency', {
-						calendar: this.calendar,
-						transparency: this.isTransparent ? 'transparent' : 'opaque',
-					})
-					throw error
-				}
+			try {
+				await this.calendarsStore.changeCalendarTransparency({
+					calendar: this.calendar,
+					transparency: this.isTransparent ? 'transparent' : 'opaque',
+				})
+			} catch (error) {
+				logger.error('Failed to save calendar transparency', {
+					calendar: this.calendar,
+					transparency: this.isTransparent ? 'transparent' : 'opaque',
+				})
+				throw error
+			}
 		},
 
 		/**
@@ -281,7 +281,7 @@ export default {
 }
 </script>
 
-<style lang="scss" scoped>
+<style lang="scss">
 .edit-calendar-modal {
 	padding: 20px;
 	display: flex;
@@ -325,6 +325,10 @@ export default {
 		flex-direction: column;
 		gap: 5px;
 	}
+
+	.list-item {
+		margin-left: -4px;
+	}
 }
 
 .app-navigation-spacer {