From 40414e9478fd6af8f57333c0abd4ad9b1077f64a Mon Sep 17 00:00:00 2001
From: swve <bdswve@gmail.com>
Date: Sun, 1 Jun 2025 22:23:19 +0200
Subject: [PATCH] feat: enhance course and organization editing interfaces with
 improved text formatting and layout adjustments

---
 .../orgs/[orgslug]/(withmenu)/course/[courseuuid]/course.tsx | 5 ++---
 .../Pages/Course/EditCourseGeneral/EditCourseGeneral.tsx     | 2 +-
 .../Dashboard/Pages/Org/OrgEditGeneral/OrgEditGeneral.tsx    | 2 +-
 3 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/apps/web/app/orgs/[orgslug]/(withmenu)/course/[courseuuid]/course.tsx b/apps/web/app/orgs/[orgslug]/(withmenu)/course/[courseuuid]/course.tsx
index 89ceccc7..cfb59f4f 100644
--- a/apps/web/app/orgs/[orgslug]/(withmenu)/course/[courseuuid]/course.tsx
+++ b/apps/web/app/orgs/[orgslug]/(withmenu)/course/[courseuuid]/course.tsx
@@ -134,8 +134,7 @@ const CourseClient = (props: any) => {
             />
             <div className="pb-2 pt-3 flex flex-col md:flex-row justify-between items-start md:items-center">
               <div>
-                <p className="text-md font-bold text-gray-400 pb-2">Course</p>
-                <h1 className="text-3xl md:text-3xl -mt-3 font-bold">{course.name}</h1>
+                <h1 className="text-3xl md:text-3xl  font-bold">{course.name}</h1>
               </div>
             </div>
 
@@ -172,7 +171,7 @@ const CourseClient = (props: any) => {
 
                 <div className="course_metadata_left space-y-2">
                   <div className="">
-                    <p className="py-5 whitespace-pre-wrap">{course.about}</p>
+                    <p className="py-5 whitespace-pre-line break-words w-full leading-relaxed tracking-normal text-pretty hyphens-auto">{course.about}</p>
                   </div>
                 </div>
               </div>
diff --git a/apps/web/components/Dashboard/Pages/Course/EditCourseGeneral/EditCourseGeneral.tsx b/apps/web/components/Dashboard/Pages/Course/EditCourseGeneral/EditCourseGeneral.tsx
index bc65b49a..c3de469a 100644
--- a/apps/web/components/Dashboard/Pages/Course/EditCourseGeneral/EditCourseGeneral.tsx
+++ b/apps/web/components/Dashboard/Pages/Course/EditCourseGeneral/EditCourseGeneral.tsx
@@ -185,7 +185,7 @@ function EditCourseGeneral(props: EditCourseStructureProps) {
                 <FormLabelAndMessage label="About" message={formik.errors.about} />
                 <Form.Control asChild>
                   <Textarea
-                    style={{ backgroundColor: 'white' }}
+                    style={{ backgroundColor: 'white', height: '200px', minHeight: '200px' }}
                     onChange={formik.handleChange}
                     value={formik.values.about}
                     required
diff --git a/apps/web/components/Dashboard/Pages/Org/OrgEditGeneral/OrgEditGeneral.tsx b/apps/web/components/Dashboard/Pages/Org/OrgEditGeneral/OrgEditGeneral.tsx
index 298b9c0f..809145ee 100644
--- a/apps/web/components/Dashboard/Pages/Org/OrgEditGeneral/OrgEditGeneral.tsx
+++ b/apps/web/components/Dashboard/Pages/Org/OrgEditGeneral/OrgEditGeneral.tsx
@@ -205,7 +205,7 @@ const OrgEditGeneral: React.FC = () => {
                         value={values.about}
                         onChange={handleChange}
                         placeholder="Detailed description of your organization"
-                        className="min-h-[150px]"
+                        className="min-h-[250px]"
                         maxLength={400}
                       />
                       {touched.about && errors.about && (