From 50eb9bd4bd0d268430d8261c11318e15d64194c7 Mon Sep 17 00:00:00 2001
From: Sinclair Chen <abc.sinclair@gmail.com>
Date: Fri, 25 Mar 2022 09:27:28 -0700
Subject: [PATCH] Remove resize handles from input fields (#67)

---
 web/components/answers/create-answer-panel.tsx | 4 ++--
 web/components/feed/feed-items.tsx             | 6 +++---
 web/pages/create.tsx                           | 2 +-
 web/pages/make-predictions.tsx                 | 2 +-
 web/pages/profile.tsx                          | 2 +-
 5 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/web/components/answers/create-answer-panel.tsx b/web/components/answers/create-answer-panel.tsx
index 9026a666..9da21fc2 100644
--- a/web/components/answers/create-answer-panel.tsx
+++ b/web/components/answers/create-answer-panel.tsx
@@ -81,7 +81,7 @@ export function CreateAnswerPanel(props: {
         <Textarea
           value={text}
           onChange={(e) => setText(e.target.value)}
-          className="textarea textarea-bordered w-full"
+          className="textarea textarea-bordered w-full resize-none"
           placeholder="Type your answer..."
           rows={1}
           maxLength={10000}
@@ -117,7 +117,7 @@ export function CreateAnswerPanel(props: {
                   </Row>
                 </Row>
 
-                <Row className="justify-between gap-4 text-sm items-center">
+                <Row className="items-center justify-between gap-4 text-sm">
                   <Row className="flex-nowrap items-center gap-2 whitespace-nowrap text-gray-500">
                     <div>
                       Estimated <br /> payout if chosen
diff --git a/web/components/feed/feed-items.tsx b/web/components/feed/feed-items.tsx
index b85669ba..883b917b 100644
--- a/web/components/feed/feed-items.tsx
+++ b/web/components/feed/feed-items.tsx
@@ -237,7 +237,7 @@ export function FeedBet(props: {
               <Textarea
                 value={comment}
                 onChange={(e) => setComment(e.target.value)}
-                className="textarea textarea-bordered w-full"
+                className="textarea textarea-bordered w-full resize-none"
                 placeholder="Add a comment..."
                 rows={3}
                 maxLength={MAX_COMMENT_LENGTH}
@@ -278,7 +278,7 @@ function EditContract(props: {
   return editing ? (
     <div className="mt-4">
       <Textarea
-        className="textarea textarea-bordered mb-1 h-24 w-full"
+        className="textarea textarea-bordered mb-1 h-24 w-full resize-none"
         rows={3}
         value={text}
         onChange={(e) => setText(e.target.value || '')}
@@ -707,7 +707,7 @@ function FeedAnswerGroup(props: {
           </div>
 
           <Row className="align-items justify-between gap-4">
-            <span className="text-lg whitespace-pre-line">
+            <span className="whitespace-pre-line text-lg">
               <Linkify text={text} />
             </span>
 
diff --git a/web/pages/create.tsx b/web/pages/create.tsx
index d6600cd0..78bef6a2 100644
--- a/web/pages/create.tsx
+++ b/web/pages/create.tsx
@@ -184,7 +184,7 @@ export function NewContract(props: { question: string; tag?: string }) {
           <InfoTooltip text="Optional. Describe how you will resolve this market." />
         </label>
         <Textarea
-          className="textarea textarea-bordered w-full"
+          className="textarea textarea-bordered w-full resize-none"
           rows={3}
           maxLength={MAX_DESCRIPTION_LENGTH}
           placeholder={descriptionPlaceholder}
diff --git a/web/pages/make-predictions.tsx b/web/pages/make-predictions.tsx
index 36d210ef..021c1f6e 100644
--- a/web/pages/make-predictions.tsx
+++ b/web/pages/make-predictions.tsx
@@ -195,7 +195,7 @@ ${TEST_VALUE}
 
           <Textarea
             placeholder="e.g. This market is part of the ACX predictions for 2022..."
-            className="input"
+            className="input resize-none"
             value={description}
             onChange={(e) => setDescription(e.target.value || '')}
           />
diff --git a/web/pages/profile.tsx b/web/pages/profile.tsx
index 2b3445e5..f637a4f2 100644
--- a/web/pages/profile.tsx
+++ b/web/pages/profile.tsx
@@ -41,7 +41,7 @@ function EditUserField(props: {
 
       {field === 'bio' ? (
         <Textarea
-          className="textarea textarea-bordered w-full"
+          className="textarea textarea-bordered w-full resize-none"
           value={value}
           onChange={(e) => setValue(e.target.value)}
           onBlur={updateField}