small layout improvements (#1437)

* small layout improvements

* fix alerter relative date

Author: abelanger5

frontend/app/src/pages/main/index.tsx

@@ -96,7 +96,7 @@ function Sidebar({ className, memberships, currTenant }: SidebarProps) {
   return (
     <div
       className={cn(
-        'h-full border-r overflow-y-auto w-full md:w-80 top-16 absolute z-[100] md:relative md:top-0 md:bg-[unset] md:dark:bg-[unset] bg-slate-100 dark:bg-slate-900',
+        'h-full border-r overflow-y-auto w-full md:min-w-80 md:w-80 top-16 absolute z-[100] md:relative md:top-0 md:bg-[unset] md:dark:bg-[unset] bg-slate-100 dark:bg-slate-900',
         className,
       )}
     >

frontend/app/src/pages/main/v1/index.tsx

@@ -103,7 +103,7 @@ function Sidebar({ className, memberships, currTenant }: SidebarProps) {
   return (
     <div
       className={cn(
-        'h-full border-r overflow-y-auto w-full md:w-80 top-16 absolute z-[100] md:relative md:top-0 md:bg-[unset] md:dark:bg-[unset] bg-slate-100 dark:bg-slate-900',
+        'h-full border-r overflow-y-auto w-full md:min-w-80 md:w-80 top-16 absolute z-[100] md:relative md:top-0 md:bg-[unset] md:dark:bg-[unset] bg-slate-100 dark:bg-slate-900',
         className,
       )}
     >

frontend/app/src/pages/onboarding/intro-docs-empty-state.tsx

@@ -22,7 +22,7 @@ const DocExternalLink: React.FC<DocExternalLinkProps> = ({
       href={createDocsExternalLink(link)}
       className={className}
     >
-      <span className="text-blue-600">{description}</span>
+      <span className="text-indigo-500">{description}</span>
     </a>
   );
 };
@@ -41,18 +41,16 @@ export const IntroDocsEmptyState: React.FC<IntroDocsEmptyStateProps> = ({
   title,
 }) => {
   return (
-    <div className="w-full h-full border border-gray rounded-md p-4 flex flex-col justify-between gap-y-12">
-      <div className="flex flex-col gap-y-4 text-foreground">
-        {title && <p className="text-lg font-bold">{title}</p>}
-        <p>
-          {linkPreambleText}{' '}
-          <DocExternalLink
-            link={link}
-            description={linkText}
-            className="inline"
-          />
-        </p>
-      </div>
+    <div className="w-full h-full flex flex-col gap-y-4 text-foreground py-8">
+      {title && <p className="text-lg font-bold">{title}</p>}
+      <p className="text-sm">
+        {linkPreambleText}{' '}
+        <DocExternalLink
+          link={link}
+          description={linkText}
+          className="inline"
+        />
+      </p>
     </div>
   );
 };

internal/integrations/alerting/alerter.go

@@ -208,12 +208,18 @@ func (t *TenantAlertManager) getFailedItems(failedWorkflowRuns *repository.ListW
 			readableId = workflowRun.Workflow.Name
 		}
 
+		finishedAt := time.Now().UTC()
+
+		if workflowRun.WorkflowRun.FinishedAt.Valid && !workflowRun.WorkflowRun.FinishedAt.Time.IsZero() {
+			finishedAt = workflowRun.WorkflowRun.FinishedAt.Time
+		}
+
 		res = append(res, alerttypes.WorkflowRunFailedItem{
 			Link:                  fmt.Sprintf("%s/workflow-runs/%s?tenant=%s", t.serverURL, workflowRunId, tenantId),
 			WorkflowName:          workflowRun.Workflow.Name,
 			WorkflowRunReadableId: readableId,
-			RelativeDate:          timediff.TimeDiff(workflowRun.WorkflowRun.FinishedAt.Time),
-			AbsoluteDate:          workflowRun.WorkflowRun.FinishedAt.Time.Format("2006-01-02 15:04:05"),
+			RelativeDate:          timediff.TimeDiff(finishedAt),
+			AbsoluteDate:          finishedAt.Format("2006-01-02 15:04:05"),
 		})
 	}