From 60ec6924f31deedd0c4204b9715688c97b23833f Mon Sep 17 00:00:00 2001
From: Jon Staab <shtaab@gmail.com>
Date: Tue, 13 May 2025 10:35:42 -0700
Subject: [PATCH] Fix thunks status layout

---
 src/app/components/ThunkStatus.svelte | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/app/components/ThunkStatus.svelte b/src/app/components/ThunkStatus.svelte
index fdf60708..9148acfb 100644
--- a/src/app/components/ThunkStatus.svelte
+++ b/src/app/components/ThunkStatus.svelte
@@ -61,9 +61,11 @@
   {@const url = failedUrls[0]}
   {@const status = $thunk.status[url]}
   {@const message = $thunk.details[url]}
-  <button class="flex justify-end px-1 text-xs {restProps.class}" onclick={stopPropagation(noop)}>
+  <button
+    class="flex w-full justify-end px-1 text-xs {restProps.class}"
+    onclick={stopPropagation(noop)}>
     <Tippy
-      class="flex items-center {restProps.class}"
+      class="flex items-center"
       component={ThunkStatusDetail}
       props={{url, message, status, retry}}
       params={{interactive: true}}>
@@ -76,8 +78,8 @@
     </Tippy>
   </button>
 {:else if showPending}
-  <div class="flex justify-end px-1 text-xs {restProps.class}">
-    <span class="flex items-center gap-1 {restProps.class}">
+  <div class="flex w-full justify-end px-1 text-xs {restProps.class}">
+    <span class="flex items-center gap-1">
       <span class="loading loading-spinner mx-1 h-3 w-3 translate-y-px"></span>
       <span class="opacity-50">Sending...</span>
       <button