Improve <Task> textarea

twenty-client/src/css/main.scss

@@ -52,6 +52,7 @@ form {
     height: 75%;
     border: none;
     outline: none;
+    resize: none;
   }
 }
 

twenty-client/src/js/components/Tabs.tsx

@@ -22,7 +22,7 @@ export function Tabs({ defaultLabel, labels, onChange }: Props) {
   }, [active]);
 
   return (
-    <ul className="flex w-3/4">
+    <ul className="flex w-full">
       {...tabs.map(tab => {
         const isActive = active?.id === tab.id;
         const classNames = {

twenty-client/src/js/components/Task.tsx

@@ -72,8 +72,8 @@ export function Task() {
       <div className="w-1/4 pl-5">
         <NavBar />
       </div>
-      <div className="pt-5 w-full max-w-screen-lg">
-        <form className="h-full" onSubmit={handleSubmit(onSave)}>
+      <div className="pt-5 w-full max-w-screen-md">
+        <form className="h-full w-full" onSubmit={handleSubmit(onSave)}>
           <input
             type="hidden"
             {...register("projectId", {
@@ -81,7 +81,7 @@ export function Task() {
             })}
           />
           <input
-            className="p-3 flex w-3/4 mb-3 outline-none"
+            className="p-3 flex mb-3 outline-none w-full"
             type="text"
             placeholder="Title"
             defaultValue={task?.title}