Timeline handlebar changes (#10170)

* auto scrolling handlebar with preview time

* tablets can show 2 columns on the event view grid

* font sizes

* hide minimap when previewing

web/src/views/events/EventView.tsx

@@ -322,7 +322,7 @@ export default function EventView({
           )}
 
           <div
-            className="w-full m-2 grid md:grid-cols-3 3xl:grid-cols-4 gap-2 md:gap-4"
+            className="w-full m-2 grid sm:grid-cols-2 md:grid-cols-3 3xl:grid-cols-4 gap-2 md:gap-4"
             ref={contentRef}
           >
             {currentItems ? (
@@ -366,7 +366,7 @@ export default function EventView({
             timestampSpread={15}
             timelineStart={timeRange.before}
             timelineEnd={timeRange.after}
-            showMinimap={showMinimap}
+            showMinimap={showMinimap && !previewTime}
             minimapStartTime={minimapBounds.start}
             minimapEndTime={minimapBounds.end}
             showHandlebar={previewTime != undefined}