From 5dfc9fa34d9877cc72626bb7d69aeac6f33c53c5 Mon Sep 17 00:00:00 2001
From: Richard Steinmetz <richard@steinmetz.cloud>
Date: Thu, 9 Jan 2025 15:09:50 +0100
Subject: [PATCH] fixup! feat:select existing talk roomfor convesations

---
 src/views/EditSidebar.vue | 49 +++++++++++++++------------------------
 1 file changed, 19 insertions(+), 30 deletions(-)

diff --git a/src/views/EditSidebar.vue b/src/views/EditSidebar.vue
index 1a2964c51..cb851f583 100644
--- a/src/views/EditSidebar.vue
+++ b/src/views/EditSidebar.vue
@@ -82,23 +82,22 @@
 				@update-end-time="updateEndTime"
 				@update-end-timezone="updateEndTimezone"
 				@toggle-all-day="toggleAllDay" />
-			<div class="location-container">
+			<div v-if="isCreateTalkRoomButtonVisible"
+				class="property-text property-add-talk">
 				<AddTalkModal v-if="isModalOpen"
 					:conversations="talkConversations"
 					:calendar-object-instance="calendarObjectInstance"
 					@close="closeModal"
 					@update-location="updateLocation"
 					@update-description="updateDescription" />
-				<div v-if="isCreateTalkRoomButtonVisible" class="button-container">
-					<IconVideo :size="20" class="icon-left" />
-					<NcButton
-						type="tertiary"
-						class="add-talk-button"
-						:disabled="isCreateTalkRoomButtonDisabled"
-						@click="openModal">
-						{{ t('calendar','Add Talk conversation') }}
-					</NcButton>
-				</div>
+				<IconVideo :size="20"
+					class="property-text__icon property-add-talk__icon" />
+				<NcButton type="tertiary"
+					class="property-add-talk__button"
+					:disabled="isCreateTalkRoomButtonDisabled"
+					@click="openModal">
+					{{ t('calendar','Add Talk conversation') }}
+				</NcButton>
 			</div>
 			<PropertyText class="property-location"
 				:is-read-only="isReadOnly"
@@ -769,25 +768,15 @@ export default {
 	height: auto;
 	border-radius: var(--border-radius);
 }
-.location-container {
-	display: flex;
-	flex-direction: column;
-	width: 100%;
-}
-.button-container {
-	display: flex;
-	align-items: center;
-	margin-top: 10px;
-}
-.icon-left {
-	margin-left: 3px;
-}
-.add-talk-button {
-	flex-shrink: 0;
-	margin-left: 2px;
-}
-.property-location {
-	flex-grow: 1;
+.property-add-talk {
+	&__icon {
+		padding-top: 8px !important;
+	}
+
+	&__button {
+		display: flex;
+		align-items: center;
+	}
 }
 .property-description {
 	margin-bottom: 10px;