Redesign task view (#407)

skyvern-frontend/src/components/StatusBadge.tsx

@@ -21,7 +21,11 @@ function StatusBadge({ status }: Props) {
 
   const statusText = status === "timed_out" ? "timed out" : status;
 
-  return <Badge variant={variant}>{statusText}</Badge>;
+  return (
+    <Badge className="h-fit" variant={variant}>
+      {statusText}
+    </Badge>
+  );
 }
 
 export { StatusBadge };

skyvern-frontend/src/components/ZoomableImage.tsx

@@ -33,7 +33,7 @@ function ZoomableImage(props: HTMLImageElementProps) {
       <img
         {...props}
         onClick={openModal}
-        className={clsx("cursor-pointer", props.className)}
+        className={clsx("cursor-pointer object-contain", props.className)}
       />
       {modalOpen && (
         <div