change(ui) - xray line alignment

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={

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

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;