From 33431ae449a07cd488f0323a8d4518a4b46ddce2 Mon Sep 17 00:00:00 2001
From: Adam Moussa <166072409+amoussa1229@users.noreply.github.com>
Date: Thu, 16 Apr 2026 18:49:20 -0400
Subject: [PATCH] =?UTF-8?q?Fix=20description=20textarea=20width=20?=
 =?UTF-8?q?=E2=80=94=20add=20missing=20col-sm-12=20CSS=20rule?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- col-sm-12 had no width defined, causing textarea to collapse
- Set description to 10 rows with no resize
---
 src/pages/workorders/form/WorkOrderFormPage.css | 4 ++++
 src/pages/workorders/form/WorkOrderFormPage.js  | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/pages/workorders/form/WorkOrderFormPage.css b/src/pages/workorders/form/WorkOrderFormPage.css
index bc6c7c1b..474e9a6a 100644
--- a/src/pages/workorders/form/WorkOrderFormPage.css
+++ b/src/pages/workorders/form/WorkOrderFormPage.css
@@ -172,6 +172,10 @@
   width: 50%;
 }
 
+.col-sm-12 {
+  width: 100%;
+}
+
 @media (min-width: 992px) {
   .col-md-4 {
     width: 33.33333333%;
diff --git a/src/pages/workorders/form/WorkOrderFormPage.js b/src/pages/workorders/form/WorkOrderFormPage.js
index 54deae9f..228d7f7d 100644
--- a/src/pages/workorders/form/WorkOrderFormPage.js
+++ b/src/pages/workorders/form/WorkOrderFormPage.js
@@ -325,7 +325,7 @@ export default function WorkOrderFormPage() {
                         name="description"
                         value={formData.description}
                         onChange={handleChange}
-                        rows="5"
+                        rows="10"
                         style={{ resize: "none" }}
                         placeholder="Detailed description of the work to be performed"
                       />