appview/pages: prevent workflow names from overflowing

Signed-off-by: oppiliappan <[e-mail]>

appview/pages/funcmap.go

···
 			return fmt.Sprintf("P%dD%dH%dM%dS", days, hours, minutes, seconds)
 		},
 		"durationFmt": func(duration time.Duration) string {
-			return durationFmt(duration, [4]string{"d", "hr", "min", "s"})
+			return durationFmt(duration, [4]string{"d", "h", "m", "s"})
 		},
 		"longDurationFmt": func(duration time.Duration) string {
 			return durationFmt(duration, [4]string{"days", "hours", "minutes", "seconds"})

appview/pages/templates/repo/pipelines/workflow.html

···
           {{ $lastStatus := $all.Latest }}
           {{ $kind := $lastStatus.Status.String }}
 
-          <div id="left" class="flex items-center gap-2 flex-shrink-0">
-            {{ template "repo/pipelines/fragments/workflowSymbol" $all }}
-            {{ $name }}
+          <div id="left" class="flex items-center gap-2 flex-1 min-w-0">
+            <div class="flex-shrink-0">
+              {{ template "repo/pipelines/fragments/workflowSymbol" $all }}
+            </div>
+            <span class="truncate" title="{{ $name }}">
+              {{ $name }}
+            </span>
           </div>
           <div id="right" class="flex items-center gap-2 flex-shrink-0">
             <span class="font-bold">{{ $kind }}</span>