feature(ui) - fixes

frontend/app/components/Session_/PageInsightsPanel/PageInsightsPanel.tsx

@@ -6,6 +6,7 @@ import { fetchInsights } from 'Duck/sessions';
 import SelectorsList from './components/SelectorsList/SelectorsList';
 import { markTargets, Controls as Player } from 'Player';
 
+const JUMP_OFFSET = 1000;
 interface Props {
   filters: any
   fetchInsights: (filters) => void
@@ -37,7 +38,7 @@ function PageInsightsPanel({ filters, fetchInsights, events = [], insights, urlO
 
   const onPageSelect = (e, { name, value }) => {
     const event = events.find(item => item.url === value)    
-    Player.jump(event.time + 500)
+    Player.jump(event.time + JUMP_OFFSET)
     setInsightsFilters({ ...insightsFilters, url: value })
     markTargets([])
   };

frontend/app/components/shared/DateRangeDropdown/dateRangePopup.css

@@ -1,9 +1,11 @@
 .wrapper {
-    & .body {
-        display: flex;
-        border-bottom: solid thin $gray-light;
-        padding: 5px;
-    }
+  background-color: white;
+  outline: solid thin #CCC;
+  & .body {
+      display: flex;
+      border-bottom: solid thin $gray-light;
+      padding: 5px;
+  }
 }
 
 .preSelections {

frontend/app/player/MessageDistributor/StatedScreen/StatedScreen.ts

@@ -35,7 +35,7 @@ export const INITIAL_STATE: State = {
   cssLoading: false,
   disconnected: false,
   userPageLoading: false,
-  markedTargets: [],
+  markedTargets: null,
   activeTargetIndex: 0
 };
 

frontend/app/player/Player.ts

@@ -192,7 +192,7 @@ export default class Player extends MessageDistributor {
     }
   }
 
-  markTargets(targets: { selector: string, count: number }[] | null) {
+  markTargets(targets: { selector: string, count: number }[] | null) {    
     this.pause();
     this.setMarkedTargets(targets);
   }