From 09076d10468d4b623c5000e0c7da2637feace713 Mon Sep 17 00:00:00 2001
From: 4gray <serega05@gmail.com>
Date: Tue, 24 Feb 2026 19:15:50 +0100
Subject: [PATCH] style(tailwind): update form field classes to use 'w-full'
 for consistent styling

---
 .../stalker-portal-import.component.html      | 40 ++++++++++++-------
 .../text-import/text-import.component.html    |  2 +-
 .../home/url-upload/url-upload.component.html |  8 ++--
 3 files changed, 30 insertions(+), 20 deletions(-)

diff --git a/apps/web/src/app/home/stalker-portal-import/stalker-portal-import.component.html b/apps/web/src/app/home/stalker-portal-import/stalker-portal-import.component.html
index 1b7b704d6..e371f3a63 100644
--- a/apps/web/src/app/home/stalker-portal-import/stalker-portal-import.component.html
+++ b/apps/web/src/app/home/stalker-portal-import/stalker-portal-import.component.html
@@ -1,11 +1,11 @@
 <form [formGroup]="form">
-    <mat-form-field class="full-width">
+    <mat-form-field class="w-full">
         <mat-label for="title">{{
             'HOME.STALKER_PORTAL.TITLE' | translate
         }}</mat-label>
         <input matInput type="text" id="title" formControlName="title" />
     </mat-form-field>
-    <mat-form-field class="full-width" subscriptSizing="dynamic">
+    <mat-form-field class="w-full" subscriptSizing="dynamic">
         <mat-label for="portalUrl">{{
             'HOME.STALKER_PORTAL.SERVER_URL' | translate
         }}</mat-label>
@@ -20,7 +20,7 @@
         }}</mat-hint>
         <mat-error>{{ 'SETTINGS.EPG_URL_ERROR' | translate }}</mat-error>
     </mat-form-field>
-    <mat-form-field class="full-width">
+    <mat-form-field class="w-full">
         <mat-label for="macAddress">{{
             'HOME.STALKER_PORTAL.MAC_ADDRESS' | translate
         }}</mat-label>
@@ -31,7 +31,7 @@
             formControlName="macAddress"
         />
     </mat-form-field>
-    <mat-form-field class="full-width">
+    <mat-form-field class="w-full">
         <mat-label for="serialNumber">{{
             'HOME.STALKER_PORTAL.SERIAL_NUMBER' | translate
         }}</mat-label>
@@ -42,9 +42,11 @@
             formControlName="serialNumber"
             placeholder="Optional - auto-generated if empty"
         />
-        <mat-hint>{{ 'HOME.STALKER_PORTAL.SERIAL_NUMBER_HINT' | translate }}</mat-hint>
+        <mat-hint>{{
+            'HOME.STALKER_PORTAL.SERIAL_NUMBER_HINT' | translate
+        }}</mat-hint>
     </mat-form-field>
-    <mat-form-field class="full-width">
+    <mat-form-field class="w-full">
         <mat-label for="deviceId1">{{
             'HOME.STALKER_PORTAL.DEVICE_ID_1' | translate
         }}</mat-label>
@@ -55,9 +57,11 @@
             formControlName="deviceId1"
             placeholder="Optional - auto-generated if empty"
         />
-        <mat-hint>{{ 'HOME.STALKER_PORTAL.DEVICE_ID_HINT' | translate }}</mat-hint>
+        <mat-hint>{{
+            'HOME.STALKER_PORTAL.DEVICE_ID_HINT' | translate
+        }}</mat-hint>
     </mat-form-field>
-    <mat-form-field class="full-width">
+    <mat-form-field class="w-full">
         <mat-label for="deviceId2">{{
             'HOME.STALKER_PORTAL.DEVICE_ID_2' | translate
         }}</mat-label>
@@ -68,9 +72,11 @@
             formControlName="deviceId2"
             placeholder="Optional - auto-generated if empty"
         />
-        <mat-hint>{{ 'HOME.STALKER_PORTAL.DEVICE_ID_HINT' | translate }}</mat-hint>
+        <mat-hint>{{
+            'HOME.STALKER_PORTAL.DEVICE_ID_HINT' | translate
+        }}</mat-hint>
     </mat-form-field>
-    <mat-form-field class="full-width">
+    <mat-form-field class="w-full">
         <mat-label for="signature1">{{
             'HOME.STALKER_PORTAL.SIGNATURE_1' | translate
         }}</mat-label>
@@ -81,9 +87,11 @@
             formControlName="signature1"
             placeholder="Optional"
         />
-        <mat-hint>{{ 'HOME.STALKER_PORTAL.SIGNATURE_HINT' | translate }}</mat-hint>
+        <mat-hint>{{
+            'HOME.STALKER_PORTAL.SIGNATURE_HINT' | translate
+        }}</mat-hint>
     </mat-form-field>
-    <mat-form-field class="full-width">
+    <mat-form-field class="w-full">
         <mat-label for="signature2">{{
             'HOME.STALKER_PORTAL.SIGNATURE_2' | translate
         }}</mat-label>
@@ -94,15 +102,17 @@
             formControlName="signature2"
             placeholder="Optional"
         />
-        <mat-hint>{{ 'HOME.STALKER_PORTAL.SIGNATURE_HINT' | translate }}</mat-hint>
+        <mat-hint>{{
+            'HOME.STALKER_PORTAL.SIGNATURE_HINT' | translate
+        }}</mat-hint>
     </mat-form-field>
-    <!-- <mat-form-field class="full-width">
+    <!-- <mat-form-field class="w-full">
         <mat-label for="username">{{
             'HOME.XTREAM_PLAYLIST.USERNAME' | translate
         }}</mat-label>
         <input matInput type="text" id="username" formControlName="username" />
     </mat-form-field>
-    <mat-form-field class="full-width">
+    <mat-form-field class="w-full">
         <mat-label for="password">{{
             'HOME.XTREAM_PLAYLIST.PASSWORD' | translate
         }}</mat-label>
diff --git a/apps/web/src/app/home/text-import/text-import.component.html b/apps/web/src/app/home/text-import/text-import.component.html
index fc02b9ffe..c6fd2495e 100644
--- a/apps/web/src/app/home/text-import/text-import.component.html
+++ b/apps/web/src/app/home/text-import/text-import.component.html
@@ -1,5 +1,5 @@
 <form (ngSubmit)="textAdded.emit(textForm.value.text)" [formGroup]="textForm">
-    <mat-form-field class="full-width" appearance="fill">
+    <mat-form-field class="w-full" appearance="fill">
         <mat-label>{{ 'HOME.TEXT_IMPORT.LABEL' | translate }}</mat-label>
         <textarea
             formControlName="text"
diff --git a/apps/web/src/app/home/url-upload/url-upload.component.html b/apps/web/src/app/home/url-upload/url-upload.component.html
index 0db7cbf21..a71596038 100644
--- a/apps/web/src/app/home/url-upload/url-upload.component.html
+++ b/apps/web/src/app/home/url-upload/url-upload.component.html
@@ -1,5 +1,5 @@
 <form (ngSubmit)="urlAdded.emit(form.value.playlistUrl)" [formGroup]="form">
-    <mat-form-field class="full-width">
+    <mat-form-field class="w-full">
         <input
             type="url"
             matInput
@@ -8,9 +8,9 @@
         />
     </mat-form-field>
     @if (!isDesktop) {
-    <p>
-        {{ 'HOME.URL_UPLOAD.CORS_NOTE' | translate }}
-    </p>
+        <p>
+            {{ 'HOME.URL_UPLOAD.CORS_NOTE' | translate }}
+        </p>
     }
     <button
         class="add-button"