Fix Scheduled/Program tables overflowing on small screens
Both tables wrapped a w-full table in overflow-hidden, so on narrow viewports the intrinsic column width (badges, action buttons, mono schedule) got clipped and the section blew past the screen. Switch the wrapper to overflow-x-auto and give the table a min-w so it scrolls horizontally within its bordered box instead.
This commit is contained in:
@@ -16,8 +16,8 @@ export function ScheduledSection({ jobs, statuses }: ScheduledSectionProps) {
|
||||
return (
|
||||
<section>
|
||||
<SectionHeader section="scheduled" />
|
||||
<div className="border border-[var(--border)] rounded-lg overflow-hidden">
|
||||
<table className="w-full text-sm">
|
||||
<div className="border border-[var(--border)] rounded-lg overflow-x-auto">
|
||||
<table className="w-full min-w-[36rem] text-sm">
|
||||
<thead>
|
||||
<tr className="bg-[var(--card)] border-b border-[var(--border)] text-left">
|
||||
<th className="px-3 py-2 font-medium text-[var(--muted)]">Name</th>
|
||||
|
||||
Reference in New Issue
Block a user