From 4dfebf92e1d84438e03ca9beddea0bbe379f72df Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Mon, 21 Nov 2022 11:05:58 +0100
Subject: [PATCH] change(ui) - xray line alignment

---
 .../app/components/Session_/OverviewPanel/OverviewPanel.tsx   | 2 +-
 .../Session_/OverviewPanel/components/EventRow/EventRow.tsx   | 2 +-
 .../components/VerticalPointerLine/VerticalPointerLine.tsx    | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/app/components/Session_/OverviewPanel/OverviewPanel.tsx b/frontend/app/components/Session_/OverviewPanel/OverviewPanel.tsx
index 360baba2a..a81fcd6b8 100644
--- a/frontend/app/components/Session_/OverviewPanel/OverviewPanel.tsx
+++ b/frontend/app/components/Session_/OverviewPanel/OverviewPanel.tsx
@@ -86,7 +86,7 @@ function OverviewPanel(props: Props) {
         <BottomBlock.Content>
           <OverviewPanelContainer endTime={props.endTime}>
             <TimelineScale endTime={props.endTime} />
-            <div style={{ width: '100%', height: '187px', overflow: 'hidden' }} className="transition relative">
+            <div style={{ width: 'calc(100vw - 1rem)', margin: '0 auto', height: '187px' }} className="transition relative">
               <NoContent
                 show={selectedFeatures.length === 0}
                 title={
diff --git a/frontend/app/components/Session_/OverviewPanel/components/EventRow/EventRow.tsx b/frontend/app/components/Session_/OverviewPanel/components/EventRow/EventRow.tsx
index 27046bfa3..cbbdbbddc 100644
--- a/frontend/app/components/Session_/OverviewPanel/components/EventRow/EventRow.tsx
+++ b/frontend/app/components/Session_/OverviewPanel/components/EventRow/EventRow.tsx
@@ -37,7 +37,7 @@ const EventRow = React.memo((props: Props) => {
       <div
         className={cn(
           'uppercase color-gray-medium text-sm flex items-center py-1',
-          props.noMargin ? '' : 'ml-4'
+          props.noMargin ? '' : 'ml-2'
         )}
       >
         <div
diff --git a/frontend/app/components/Session_/OverviewPanel/components/VerticalPointerLine/VerticalPointerLine.tsx b/frontend/app/components/Session_/OverviewPanel/components/VerticalPointerLine/VerticalPointerLine.tsx
index e3160fc79..688e8364c 100644
--- a/frontend/app/components/Session_/OverviewPanel/components/VerticalPointerLine/VerticalPointerLine.tsx
+++ b/frontend/app/components/Session_/OverviewPanel/components/VerticalPointerLine/VerticalPointerLine.tsx
@@ -3,8 +3,8 @@ import { connectPlayer } from 'Player';
 import VerticalLine from '../VerticalLine';
 
 interface Props {
-    time: number;
-    scale: number;
+    time?: number;
+    scale?: number;
 }
 function VerticalPointerLine(props: Props) {
     const { time, scale } = props;