feat: Update button styles and layout in MachineAnimation component

Author: SimYunSup

src/DotNetDevLottery/Components/Random/MachineAnimation.razor

@@ -3,13 +3,13 @@
 
 <div class="container">
     <div class="button-row">
-        <ui-button type="" variant="primary" @onclick="@(() => TargetPersonCount--)">
+        <ui-button variant="primary" icon-only @onclick="@(() => TargetPersonCount--)">
             <span slot="icon">-</span>
         </ui-button>
         <span>
             @TargetPersonCount
         </span>
-        <ui-button variant="primary" @onclick="@(() => TargetPersonCount++)">
+        <ui-button variant="primary" icon-only @onclick="@(() => TargetPersonCount++)">
             <span slot="icon">+</span>
         </ui-button>
         <ui-button @onclick="OnClickButton" variant="@TriggerButtonVariant(Status == DrawMachineStatus.Pending)"

src/DotNetDevLottery/Components/Random/MachineAnimation.razor.css

@@ -24,13 +24,15 @@
     flex: 0 0 auto;
     padding: 5px 0;
     gap: 1rem;
-    line-height: 50px;
     height: 50px;
     display: flex;
     justify-content: center;
+    align-items: center;
     box-sizing: border-box;
 
     & ui-button:has(span) {
+        width: 40px;
+        min-width: 40px;
         padding: 0;
     }
 }