From dee16f97f9ed3324290c140d62393e5620a4863e Mon Sep 17 00:00:00 2001
From: 0x1eef <0x1eef@protonmail.com>
Date: Sun, 21 Apr 2024 00:53:03 -0300
Subject: [PATCH] Improve <Task> textarea

---
 twenty-client/src/css/main.scss          | 1 +
 twenty-client/src/js/components/Tabs.tsx | 2 +-
 twenty-client/src/js/components/Task.tsx | 6 +++---
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/twenty-client/src/css/main.scss b/twenty-client/src/css/main.scss
index b7a059b..417f446 100644
--- a/twenty-client/src/css/main.scss
+++ b/twenty-client/src/css/main.scss
@@ -52,6 +52,7 @@ form {
     height: 75%;
     border: none;
     outline: none;
+    resize: none;
   }
 }
 
diff --git a/twenty-client/src/js/components/Tabs.tsx b/twenty-client/src/js/components/Tabs.tsx
index 1bacd9a..503bf26 100644
--- a/twenty-client/src/js/components/Tabs.tsx
+++ b/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 = {
diff --git a/twenty-client/src/js/components/Task.tsx b/twenty-client/src/js/components/Task.tsx
index d096430..7e88585 100644
--- a/twenty-client/src/js/components/Task.tsx
+++ b/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}