From 702959b15444f0f1e5c198ae03fbacdcdb1e859d Mon Sep 17 00:00:00 2001
From: 0x1eef <0x1eef@protonmail.com>
Date: Thu, 18 Apr 2024 17:56:24 -0300
Subject: [PATCH] Set a max width on Task.tsx form content

---
 twenty-client/src/js/components/Task.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/twenty-client/src/js/components/Task.tsx b/twenty-client/src/js/components/Task.tsx
index 015ce69..d096430 100644
--- a/twenty-client/src/js/components/Task.tsx
+++ b/twenty-client/src/js/components/Task.tsx
@@ -68,11 +68,11 @@ export function Task() {
   }
 
   return (
-    <div className="flex w-full h-full">
+    <div className="flex w-full h-full w-full">
       <div className="w-1/4 pl-5">
         <NavBar />
       </div>
-      <div className="w-3/4 pt-5">
+      <div className="pt-5 w-full max-w-screen-lg">
         <form className="h-full" onSubmit={handleSubmit(onSave)}>
           <input
             type="hidden"
@@ -97,7 +97,7 @@ export function Task() {
           {isEditable ? (
             <>
               <textarea
-                className="p-3 flex w-3/4 mb-3"
+                className="p-3 flex w-full mb-3"
                 defaultValue={task?.content || DEFAULT_TASK_CONTENT}
                 {...register("content", { required: true })}
               />
@@ -109,7 +109,7 @@ export function Task() {
             </>
           ) : (
             <div
-              className="markdown h-50"
+              className="markdown w-full h-50"
               dangerouslySetInnerHTML={{
                 __html: rendermd(content || task?.content),
               }}