From e501b07ae7f18f1b9c182165f094a8221f614fe0 Mon Sep 17 00:00:00 2001
From: Meer Uzair <121447358+MeerUzairWasHere@users.noreply.github.com>
Date: Sat, 21 Sep 2024 12:55:59 +0530
Subject: [PATCH] ISSUE #381 - fixed react quill width (#382)

* removed  white-space: nowrap !important;

* Update DescriptionEditor.tsx
---
 src/app/globals.css                  | 3 +--
 src/components/DescriptionEditor.tsx | 1 +
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/globals.css b/src/app/globals.css
index 1ed50e36..419e4fd3 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -341,7 +341,6 @@
 
 /* Ensure long content does not wrap within the editor */
 .job-description-editor .ql-editor {
-  white-space: nowrap !important;
   overflow-x: hidden !important; /* Allow horizontal scrolling */
   overflow-y: hidden !important; /* Hide vertical overflow */
 }
@@ -375,4 +374,4 @@
 
 html {
   scroll-behavior: smooth;
-}
\ No newline at end of file
+}
diff --git a/src/components/DescriptionEditor.tsx b/src/components/DescriptionEditor.tsx
index 0bc0878f..51399be8 100644
--- a/src/components/DescriptionEditor.tsx
+++ b/src/components/DescriptionEditor.tsx
@@ -53,6 +53,7 @@ const DescriptionEditor: React.FC<DescriptionEditorProps> = ({
       modules={modules}
       formats={formats}
       value={description}
+      style={{  width: "100%" }}
       onChange={handleChange}
       placeholder={placeholder}
       className="text-white bg-gray-800 overflow-hidden job-description-editor"