Fix call time position when not recording

Signed-off-by: Marco <marcoambrosini@icloud.com>

src/components/TopBar/CallTime.vue

@@ -29,6 +29,7 @@
 		<template #trigger>
 			<NcButton :disabled="!isRecording"
 				:wide="true"
+				:class="{ 'call-time__not-recording': !isRecording }"
 				type="tertiary"
 				@click="showPopover = true">
 				<template v-if="isRecording" #icon>
@@ -155,15 +156,20 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+
 .call-time {
 	display: flex;
 	justify-content: center;
 	align-items: center;
-	height: 44px;
+	height: var(--default-clickable-area);
 	font-weight: bold;
 	color: #fff;
 	width: 120px;
 
+	&__not-recording {
+		padding-left: var(--default-clickable-area) !important
+	}
+
 	&--wide {
 		width: 180px;
 	}

src/components/TopBar/TopBar.vue

@@ -36,13 +36,12 @@
 				<p class="title">
 					{{ conversation.displayName }}
 				</p>
-				<template v-if="!isInCall">
-					<p v-if="showUserStatusAsDescription"
-						class="description">
-						{{ statusMessage }}
-					</p>
-					<p v-else-if="conversation.description"
-						v-tooltip.bottom="{
+				<p v-if="showUserStatusAsDescription"
+					class="description">
+					{{ statusMessage }}
+				</p>
+				<template v-if="!isInCall && conversation.description">
+					<p v-tooltip.bottom="{
 							content: renderedDescription,
 							delay: { show: 500, hide: 500 },
 							autoHide: false,