Display: Fix textarea styles

assets/css/app.scss

@@ -520,33 +520,13 @@
 }
 
 form .field {
-  .help-text {
-    color: #666;
-    font-family: 'Arial', sans-serif;
-    font-size: 14px;
-    line-height: 1.6;
-    background-color: #f8f8f8;
-    border-left: 4px solid #007bff;
-    padding: 10px 15px;
-    margin-bottom: 20px;
-    border-radius: 5px;
-    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
-    max-width: 80%;
-    display: inline-block;
-  }
-
-  textarea {
-    width: 100%;
-  }
-
   .freeze {
     display: block;
     padding-top: 10px;
   }
 
   .freeze + label,
-  .advmultiselect + label,
+  .advmultiselect + label
-  textarea + label.settings-label
   {
     font-size: 13px;
     @apply absolute top-0 left-0 text-support-3 text-caption px-1 bg-white text-primary;

assets/css/scss/atoms/_form.scss

@@ -57,7 +57,8 @@
 .field {
   @apply mb-4;
 
-  > small {
+  > small,
+  .help-text {
     @apply text-caption text-primary mt-1;
   }
 

assets/css/scss/atoms/_input_text.scss

@@ -64,3 +64,13 @@
 .p-inputnumber-input {
   @apply flex-1;
 }
+
+.p-inputtextarea {
+  &-resizable {
+    @apply overflow-hidden resize-none;
+  }
+
+  .p-fluid & {
+    @apply w-full;
+  }
+}

src/CoreBundle/Resources/views/Layout/form-theme.html.twig

@@ -40,3 +40,8 @@ vendor/symfony/twig-bridge/Resources/views/Form/tailwind_2_layout.html.twig #}
 {%- block checkbox_widget -%}
         <input type="checkbox" {{ block('widget_attributes') }}{% if value is defined %} value="{{ value }}"{% endif %}{% if checked %} checked="checked"{% endif %} />
 {%- endblock checkbox_widget -%}
+
+{%- block textarea_widget -%}
+    {%- set attr = attr|merge({ class: attr.class|default('p-inputtextarea p-inputtext p-component p-filled') }) -%}
+    {{- parent() -}}
+{%- endblock textarea_widget -%}