added new marker (#16106)

Author: doralchan

src/sentry/static/sentry/app/views/eventsV2/data.tsx

@@ -10,7 +10,7 @@ import ProjectBadge from 'app/components/idBadge/projectBadge';
 import UserBadge from 'app/components/idBadge/userBadge';
 import getDynamicText from 'app/utils/getDynamicText';
 import overflowEllipsis from 'app/styles/overflowEllipsis';
-import pinIcon from 'app/../images/location-pin.png';
+import pinIcon from 'app/../images/icons/icon-location-filled.svg';
 import {Organization, NewQuery} from 'app/types';
 import Duration from 'app/components/duration';
 import floatFormat from 'app/utils/floatFormat';

src/sentry/static/sentry/app/views/eventsV2/eventDetails/lineGraph.tsx

@@ -41,11 +41,12 @@ const getCurrentEventMarker = (currentEvent: Event) => {
     data: [],
     markLine: MarkLine({
       symbol: [PIN_ICON, 'none'],
-      symbolSize: [15, 30],
+      symbolSize: [16, 150],
       lineStyle: {
         normal: {
-          color: theme.red,
-          type: 'dotted',
+          color: theme.redLight,
+          type: 'solid',
+          width: 1,
         },
       },
       tooltip: {
@@ -246,6 +247,9 @@ const StyledPanel = styled(Panel)`
   .echarts-for-react div:first-child {
     width: 100% !important;
   }
+  image {
+    y: 0;
+  }
 `;
 
 LineGraph.propTypes = {