Initial settings for timeline.

src/scss/timeline-event.scss

@@ -2,11 +2,13 @@
   display: block;
   width: 100%;
   height: 100%;
+
+  --frigate-card-timeline-thumbnail-size: 75px;
 }
 
 img {
-  width: 75px;
-  height: 75px;
+  width: var(--frigate-card-timeline-thumbnail-size);
+  height: var(--frigate-card-timeline-thumbnail-size);
   display: block;
   border-radius: 5px;
   transition: transform 0.2s linear;

src/scss/timeline.scss

@@ -4,12 +4,18 @@
   width: 100%;
   height: 100%;
   display: block;
+  background-color: var(--card-background-color);
+  padding-bottom: 5px;
 }
 
 div.timeline {
   height: 100%;
 }
 
+.vis-text {
+  color: var(--primary-text-color) !important;
+}
+
 .vis-timeline {
   border: hidden;
 }
@@ -20,6 +26,7 @@ div.timeline {
 }
 
 .vis-item:hover {
+  // Float icons upwards when the user hovers over them.
   z-index: 2;
 }