Add dash and min-w for end time, py-1

temporalio · Jan 7, 2025 · 701de7c · 701de7c
1 parent 7d251c3
commit 701de7c
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/lib/components/workflow/relationships/workflow-family-node-description-details.svelte b/src/lib/components/workflow/relationships/workflow-family-node-description-details.svelte
@@ -44,11 +44,11 @@
       </p>
     </div>
     <div class="leading-3">
-      <p class="font-mono text-xs">{translate('common.end')}</p>
+      <p class="min-w-12 font-mono text-xs">{translate('common.end')}</p>
       <p>
         {formatDate(workflow?.endTime, $timeFormat, {
           relative: $relativeTime,
-        })}
+        }) || '-'}
       </p>
     </div>
     <div class="leading-3">

diff --git a/src/lib/components/workflow/relationships/workflow-family-node-description.svelte b/src/lib/components/workflow/relationships/workflow-family-node-description.svelte
@@ -36,7 +36,7 @@
     class="flex w-full select-none {isActive &&
       'surface-interactive'} {isCurrent &&
       !isActive &&
-      'surface-subtle'} items-center gap-1 px-2 py-2 {!isActive &&
+      'surface-subtle'} items-center gap-1 px-2 py-1 lg:py-2 {!isActive &&
       'hover:surface-interactive-secondary'}"
     on:click|stopPropagation={onClick}
   >