From ae7f13c7e3b64141dbe601f206430c48250a9b89 Mon Sep 17 00:00:00 2001
From: RMidhunSuresh <hi@midhun.dev>
Date: Mon, 19 Jun 2023 14:21:23 +0530
Subject: [PATCH] Don't add middile class if in room

---
 .../session/verification/DeviceVerificationViewModel.ts       | 4 ++++
 .../web/ui/session/verification/DeviceVerificationView.ts     | 4 ++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/domain/session/verification/DeviceVerificationViewModel.ts b/src/domain/session/verification/DeviceVerificationViewModel.ts
index 866b47c4..cbb0063d 100644
--- a/src/domain/session/verification/DeviceVerificationViewModel.ts
+++ b/src/domain/session/verification/DeviceVerificationViewModel.ts
@@ -180,4 +180,8 @@ export class DeviceVerificationViewModel extends ErrorReportViewModel<SegmentTyp
     get type(): string { 
         return "verification";
     }
+
+    get isHappeningInRoom(): boolean {
+        return !!this.navigation.path.get("room");
+    }
 }
diff --git a/src/platform/web/ui/session/verification/DeviceVerificationView.ts b/src/platform/web/ui/session/verification/DeviceVerificationView.ts
index 50911213..d74f73b3 100644
--- a/src/platform/web/ui/session/verification/DeviceVerificationView.ts
+++ b/src/platform/web/ui/session/verification/DeviceVerificationView.ts
@@ -24,10 +24,10 @@ import {VerificationCompleteView} from "./stages/VerificationCompleteView";
 import {MissingKeysView} from "./stages/MissingKeysView";
 
 export class DeviceVerificationView extends TemplateView<DeviceVerificationViewModel> {
-    render(t: Builder<DeviceVerificationViewModel>) {
+    render(t: Builder<DeviceVerificationViewModel>, vm: DeviceVerificationViewModel) {
         return t.div({
             className: {
-                "middle": true,
+                "middle": !vm.isHappeningInRoom,
                 "DeviceVerificationView": true,
             }
         }, [