From be8fdc8fe47c9e6632e83daaeea820cce157fc39 Mon Sep 17 00:00:00 2001
From: boban <boban.blaskovic@gmail.com>
Date: Sun, 17 May 2026 15:15:52 +0200
Subject: [PATCH] fix(ui): center spinner via top-1/2 left-1/2 translate
 instead of inset-0 flex
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

inset-0 flex relies on display:flex being restored after Livewire removes
display:none — display type ambiguous in that moment. Explicit 50%/50%
translate centering is display-independent and always correct.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 resources/views/components/ui/button.blade.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/views/components/ui/button.blade.php b/resources/views/components/ui/button.blade.php
index e19fd57..57c5bfe 100644
--- a/resources/views/components/ui/button.blade.php
+++ b/resources/views/components/ui/button.blade.php
@@ -25,7 +25,7 @@ $cls = $base . ' ' . ($variants[$variant] ?? $variants['primary']);
         {{ $slot->isNotEmpty() ? $slot : $label }}
     </span>
     @if($action)
-        <span wire:loading wire:target="{{ $action }}" class="absolute inset-0 flex items-center justify-center pointer-events-none">
+        <span wire:loading wire:target="{{ $action }}" class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 pointer-events-none">
             <svg class="animate-spin w-5 h-5 flex-shrink-0" viewBox="0 0 24 24" fill="none">
                 <circle cx="12" cy="12" r="9" stroke="currentColor" stroke-width="2.5" stroke-opacity="0.25"/>
                 <circle cx="12" cy="12" r="9" stroke="currentColor" stroke-width="2.5"