From c8b4c138ee8aca4145bb52cd95bc866df3ac54be Mon Sep 17 00:00:00 2001
From: Alexander Zobnin <alexanderzobnin@gmail.com>
Date: Sun, 16 Dec 2018 13:28:40 +0300
Subject: [PATCH] problems timeline: minor style tweaks

---
 src/panel-triggers/components/ProblemTimeline.tsx | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/panel-triggers/components/ProblemTimeline.tsx b/src/panel-triggers/components/ProblemTimeline.tsx
index 615a570..de08ff1 100644
--- a/src/panel-triggers/components/ProblemTimeline.tsx
+++ b/src/panel-triggers/components/ProblemTimeline.tsx
@@ -125,6 +125,17 @@ export default class ProblemTimeline extends PureComponent<ProblemTimelineProps,
                 <feMergeNode in="SourceGraphic" />
               </feMerge>
             </filter>
+            <filter id="boxShadow" x="-50%" y="-50%" width="200%" height="200%">
+              <feGaussianBlur in="SourceAlpha" stdDeviation="1" />
+              <feComponentTransfer>
+                <feFuncA type="linear" slope="0.7" />
+              </feComponentTransfer>
+              <feOffset dx="1" dy="1" />
+              <feMerge>
+                <feMergeNode />
+                <feMergeNode in="SourceGraphic" />
+              </feMerge>
+            </filter>
             <filter id="glowShadow" x="-50%" y="-50%" width="200%" height="200%">
               <feGaussianBlur in="SourceGraphic" stdDeviation="2" />
               <feMerge>
@@ -137,7 +148,7 @@ export default class ProblemTimeline extends PureComponent<ProblemTimelineProps,
             </filter>
           </defs>
           <g className="event-timeline-group">
-            <g className="event-timeline-regions">
+            <g className="event-timeline-regions" filter="url(#boxShadow)">
               {firstItem}
               {eventsIntervalItems}
             </g>
@@ -175,7 +186,7 @@ class TimelineInfoContainer extends PureComponent<TimelineInfoContainerProps> {
       const ts = moment(Number(event.clock) * 1000);
       const tsFormatted = ts.format('HH:mm:ss');
       infoItems = [
-        <span className="event-timestamp">{tsFormatted}</span>
+        <span key="ts" className="event-timestamp">{tsFormatted}</span>
       ];
     }
     const containerStyle: React.CSSProperties = {