frontend/src/app/feature/game/slots/slots.component.html

@@ -9,27 +9,15 @@
       <div class="card">
         <!-- Slot Machine Top -->
         <div class="p-6">
-          <div class="flex items-center justify-between gap-4">
+          <div class="flex items-center justify-between">
-            <!-- Wrapper for title and win amount -->
-            <div class="flex items-baseline space-x-2">
             <h2 class="text-xl font-bold text-white">Slot Machine</h2>
-              <span
-                *ngIf="slotResult().status === 'win' && slotResult().amount > 0"
-                class="text-emerald text-lg font-semibold"
-                aria-live="polite"
-              >
-                +{{ slotResult().amount | currency: 'EUR' }}
-              </span>
-            </div>
-
-            <!-- Status Badge -->
             <div
               [ngClass]="{
                 'bg-emerald': slotResult().status === 'win',
                 'bg-accent-red': slotResult().status === 'lose',
                 'bg-deep-blue-light': slotResult().status === 'start',
               }"
-              class="px-3 py-1 rounded-full text-sm font-semibold whitespace-nowrap"
+              class="px-3 py-1 rounded-full text-sm font-semibold"
             >
               <span class="text-white">
                 {{
@@ -62,7 +50,12 @@
             </div>
           </div>
 
-          <!-- Game Result (This section was removed as it's now at the top) -->
+          <!-- Game Result -->
+          <div class="text-center mb-6" *ngIf="slotResult().status === 'win'">
+            <div class="text-emerald text-xl font-bold">
+              +{{ slotResult().amount | currency: 'EUR' }}
+            </div>
+          </div>
 
           <!-- Controls -->
           <div class="flex flex-col sm:flex-row gap-4 items-center justify-center">

frontend/src/app/feature/game/slots/slots.component.ts

@@ -119,7 +119,7 @@ export default class SlotsComponent implements OnInit, OnDestroy {
           this.userService.refreshCurrentUser();
 
           this.isSpinning = false;
-        }, 100);
+        }, 1500);
       },
       error: (err) => {
         console.error('Error spinning slot machine:', err);