Align job schedule card and upcoming runs table (#922)

nucleuscloud · Dec 19, 2023 · 7ba13e5 · 7ba13e5
1 parent 7be1875
commit 7ba13e5
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/frontend/apps/web/app/[account]/jobs/[id]/components/ScheduleCard.tsx b/frontend/apps/web/app/[account]/jobs/[id]/components/ScheduleCard.tsx
@@ -87,7 +87,7 @@ export default function JobScheduleCard({ job, mutate }: Props): ReactElement {
       </CardHeader>
       <Form {...form}>
         <form onSubmit={form.handleSubmit(onSubmit)}>
-          <CardContent>
+          <CardContent className="p-5">
             <FormField
               control={form.control}
               name="cronSchedule"

diff --git a/frontend/apps/web/app/[account]/jobs/[id]/page.tsx b/frontend/apps/web/app/[account]/jobs/[id]/page.tsx
@@ -39,10 +39,10 @@ export default function Page({ params }: PageProps): ReactElement {
     <div className="job-details-container">
       <div className="flex flex-col gap-5">
         <div className="flex flex-row gap-4">
-          <div className="basis-3/4 h-64">
+          <div className="flex-grow basis-3/4 h-60">
             <JobScheduleCard job={data?.job} mutate={mutate} />
           </div>
-          <div className="flex-group basis-1/4 overflow-y-auto h-64 rounded-xl border  border-gray-300 dark:border-gray-700">
+          <div className="flex-grow basis-1/4 overflow-y-auto h-60 rounded-xl border border-gray-300 dark:border-gray-700">
             <JobNextRuns jobId={id} status={jobStatus?.status} />
           </div>
         </div>