fix: align EPG program blocks with time header (#47)

technomancer702 · technomancer702 · commit 616ec37a9387 · 2026-01-13T13:00:47.000-08:00
diff --git a/package-lock.json b/package-lock.json
diff --git a/public/css/main.css b/public/css/main.css
@@ -901,12 +901,12 @@ video::cue {
 }
 
 .epg-time-slot {
-  min-width: 200px;
   padding: var(--space-sm) var(--space-md);
   text-align: center;
   font-size: 0.875rem;
   color: var(--color-text-muted);
   border-right: 1px solid var(--color-border);
+  flex-shrink: 0;
 }
 
 .epg-channel-row {
diff --git a/public/js/components/EpgGuide.js b/public/js/components/EpgGuide.js
@@ -17,7 +17,7 @@ class EpgGuide {
         this.programmes = [];
         this.currentDate = new Date();
         this.timeOffset = 0; // Hours offset from now
-        this.pixelsPerMinute = 3.5; // Width scaling
+        this.pixelsPerMinute = 6.67; // Width scaling (30min = 200px)
         this.favorites = new Set(); // Set<"sourceId:channelId">
         this.selectedGroup = 'Favorites'; // Default to Favorites
 

Original file line number	Diff line number	Diff line change
`@@ -901,12 +901,12 @@ video::cue {`
`901`	`901`	`}`
`902`	`902`
`903`	`903`	`.epg-time-slot {`
`904`		`- min-width: 200px;`
`905`	`904`	`padding: var(--space-sm) var(--space-md);`
`906`	`905`	`text-align: center;`
`907`	`906`	`font-size: 0.875rem;`
`908`	`907`	`color: var(--color-text-muted);`
`909`	`908`	`border-right: 1px solid var(--color-border);`
	`909`	`+ flex-shrink: 0;`
`910`	`910`	`}`
`911`	`911`
`912`	`912`	`.epg-channel-row {`