From 59cc1ebeb6a6fdf6f60d2777f4b8e2da3c8f2410 Mon Sep 17 00:00:00 2001
From: Jyothish Jose <jyothish.jose@razorpay.com>
Date: Thu, 14 Oct 2021 23:33:35 +0530
Subject: [PATCH] fix: scrolling in waterfall fixed

---
 .../api-trace-detail.page.component.ts         | 18 +++++++++---------
 .../trace-detail.page.component.ts             | 18 +++++++++---------
 2 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/projects/observability/src/pages/api-trace-detail/api-trace-detail.page.component.ts b/projects/observability/src/pages/api-trace-detail/api-trace-detail.page.component.ts
index 66a824b0a..678dd361b 100644
--- a/projects/observability/src/pages/api-trace-detail/api-trace-detail.page.component.ts
+++ b/projects/observability/src/pages/api-trace-detail/api-trace-detail.page.component.ts
@@ -61,17 +61,17 @@ import { ApiTraceDetails, ApiTraceDetailService } from './api-trace-detail.servi
             (click)="this.navigateToFullTrace(traceDetails.traceId, traceDetails.startTime)"
           ></ht-button>
         </div>
+      </div>
 
-        <ht-navigable-tab-group class="tabs">
-          <ht-navigable-tab path="sequence"> Sequence </ht-navigable-tab>
-          <ng-container *ngIf="this.logEvents$ | async as logEvents">
-            <ht-navigable-tab path="logs" [labelTag]="logEvents.length"> Logs </ht-navigable-tab>
-          </ng-container>
-        </ht-navigable-tab-group>
+      <ht-navigable-tab-group class="tabs">
+        <ht-navigable-tab path="sequence"> Sequence </ht-navigable-tab>
+        <ng-container *ngIf="this.logEvents$ | async as logEvents">
+          <ht-navigable-tab path="logs" [labelTag]="logEvents.length"> Logs </ht-navigable-tab>
+        </ng-container>
+      </ht-navigable-tab-group>
 
-        <div class="scrollable-container">
-          <router-outlet></router-outlet>
-        </div>
+      <div class="scrollable-container">
+        <router-outlet></router-outlet>
       </div>
     </div>
   `
diff --git a/projects/observability/src/pages/trace-detail/trace-detail.page.component.ts b/projects/observability/src/pages/trace-detail/trace-detail.page.component.ts
index 322e70bf1..f2410a681 100644
--- a/projects/observability/src/pages/trace-detail/trace-detail.page.component.ts
+++ b/projects/observability/src/pages/trace-detail/trace-detail.page.component.ts
@@ -60,17 +60,17 @@ import { TraceDetails, TraceDetailService } from './trace-detail.service';
             htTooltip="Download Trace as Json"
           ></ht-download-json>
         </div>
+      </div>
 
-        <ht-navigable-tab-group class="tabs">
-          <ht-navigable-tab path="sequence"> Sequence </ht-navigable-tab>
-          <ng-container *ngIf="this.logEvents$ | async as logEvents">
-            <ht-navigable-tab path="logs" [labelTag]="logEvents.length"> Logs </ht-navigable-tab>
-          </ng-container>
-        </ht-navigable-tab-group>
+      <ht-navigable-tab-group class="tabs">
+        <ht-navigable-tab path="sequence"> Sequence </ht-navigable-tab>
+        <ng-container *ngIf="this.logEvents$ | async as logEvents">
+          <ht-navigable-tab path="logs" [labelTag]="logEvents.length"> Logs </ht-navigable-tab>
+        </ng-container>
+      </ht-navigable-tab-group>
 
-        <div class="scrollable-container">
-          <router-outlet></router-outlet>
-        </div>
+      <div class="scrollable-container">
+        <router-outlet></router-outlet>
       </div>
     </div>
   `