Adjust detail view timeline layout and auto-update

style.css

@@ -400,6 +400,7 @@
 
 .detail-timeline {
   position: relative;
+  --scale-width: 24px;
   height: 400px;
   border-left: 3px solid #00ffff;
   margin-right: 40px;
@@ -425,8 +426,8 @@
 
 .current-time-line {
   position: absolute;
-  left: 0;
-  width: calc(100% + 40px);
+  left: var(--scale-width);
+  width: calc(100% + 40px - var(--scale-width));
   border-top: 2px solid #ff00ff;
   color: #ff00ff;
   font-size: 0.9em;
@@ -439,7 +440,7 @@
 
 .event-box, .event-line {
   position: absolute;
-  left: -1px;
+  left: var(--scale-width);
   background: rgba(255,0,255,0.4);
   border: 1px solid rgba(0,255,255,0.7);
   border-radius: 4px;