fix: adjust button size on user-configs page

Signed-off-by: Matheus Cruz <matheuscruz.dev@gmail.com>

Author: mcruzdev

timeless-api/src/main/webui/src/app/pages/user-config/user-config.component.html

@@ -65,20 +65,19 @@
             inputStyleClass="w-full"
           ></p-inputmask>
         </div>
+
+        <div class="flex flex-col md:col-span-2">
+          <button
+            pButton
+            severity="contrast"
+            icon="pi pi-save"
+            size="small"
+            type="submit"
+            label="Salvar"
+          ></button>
+        </div>
       </div>
     </div>
-
-    <ng-template #footer>
-      <p-button
-        severity="contrast"
-        icon="pi pi-save"
-        size="small"
-        iconPos="left"
-        class="w-full"
-        type="submit"
-        label="Salvar"
-      />
-    </ng-template>
   </p-card>
 </form>
 

timeless-api/src/main/webui/src/app/pages/user-config/user-config.component.ts

@@ -1,7 +1,7 @@
 import { Component, inject, signal } from '@angular/core';
 import { Card } from 'primeng/card';
 import { InputText } from 'primeng/inputtext';
-import { Button } from 'primeng/button';
+import { ButtonDirective, ButtonModule } from 'primeng/button';
 import { InputMask } from 'primeng/inputmask';
 import {
   FormBuilder,
@@ -18,11 +18,12 @@ import { Toast } from 'primeng/toast';
   imports: [
     Card,
     InputText,
-    Button,
     InputMask,
     FormsModule,
     ReactiveFormsModule,
+    ButtonModule,
     Toast,
+    ButtonDirective,
   ],
   templateUrl: './user-config.component.html',
   styleUrl: './user-config.component.scss',