From 8be5227db536b00fcb767dd0514451218aed7cf0 Mon Sep 17 00:00:00 2001
From: Jeff Sieu <jeffsy00@gmail.com>
Date: Fri, 28 Oct 2022 14:29:01 +0800
Subject: [PATCH] [questions][fix] fix ContributeQuestionCard width

---
 .../questions/ContributeQuestionCard.tsx      | 88 +++++++++----------
 1 file changed, 43 insertions(+), 45 deletions(-)

diff --git a/apps/portal/src/components/questions/ContributeQuestionCard.tsx b/apps/portal/src/components/questions/ContributeQuestionCard.tsx
index fa25d9f1..e9bf5c44 100644
--- a/apps/portal/src/components/questions/ContributeQuestionCard.tsx
+++ b/apps/portal/src/components/questions/ContributeQuestionCard.tsx
@@ -28,56 +28,54 @@ export default function ContributeQuestionCard({
   };
 
   return (
-    <div>
-      <button
-        className="flex flex-col items-stretch justify-center gap-2 rounded-md border border-slate-300 bg-white p-4 text-left hover:bg-slate-100"
-        type="button"
-        onClick={handleOpenContribute}>
-        <TextInput
-          disabled={true}
-          isLabelHidden={true}
-          label="Question"
-          placeholder="Contribute a question"
-          onChange={handleOpenContribute}
-        />
-        <div className="flex flex-wrap items-end justify-center gap-x-2">
-          <div className="min-w-[150px] flex-1">
-            <TextInput
-              disabled={true}
-              label="Company"
-              startAddOn={BuildingOffice2Icon}
-              startAddOnType="icon"
-              onChange={handleOpenContribute}
-            />
-          </div>
-          <div className="min-w-[150px] flex-1">
-            <TextInput
-              disabled={true}
-              label="Question type"
-              startAddOn={QuestionMarkCircleIcon}
-              startAddOnType="icon"
-              onChange={handleOpenContribute}
-            />
-          </div>
-          <div className="min-w-[150px] flex-1">
-            <TextInput
-              disabled={true}
-              label="Date"
-              startAddOn={CalendarDaysIcon}
-              startAddOnType="icon"
-              onChange={handleOpenContribute}
-            />
-          </div>
-          <h1 className="bg-primary-600 hover:bg-primary-700 rounded-full px-3 py-2 text-white">
-            Contribute
-          </h1>
+    <button
+      className="flex flex-col items-stretch justify-center gap-2 rounded-md border border-slate-300 bg-white p-4 text-left hover:bg-slate-100"
+      type="button"
+      onClick={handleOpenContribute}>
+      <TextInput
+        disabled={true}
+        isLabelHidden={true}
+        label="Question"
+        placeholder="Contribute a question"
+        onChange={handleOpenContribute}
+      />
+      <div className="flex flex-wrap items-end justify-center gap-x-2">
+        <div className="min-w-[150px] flex-1">
+          <TextInput
+            disabled={true}
+            label="Company"
+            startAddOn={BuildingOffice2Icon}
+            startAddOnType="icon"
+            onChange={handleOpenContribute}
+          />
+        </div>
+        <div className="min-w-[150px] flex-1">
+          <TextInput
+            disabled={true}
+            label="Question type"
+            startAddOn={QuestionMarkCircleIcon}
+            startAddOnType="icon"
+            onChange={handleOpenContribute}
+          />
+        </div>
+        <div className="min-w-[150px] flex-1">
+          <TextInput
+            disabled={true}
+            label="Date"
+            startAddOn={CalendarDaysIcon}
+            startAddOnType="icon"
+            onChange={handleOpenContribute}
+          />
         </div>
-      </button>
+        <h1 className="bg-primary-600 hover:bg-primary-700 rounded-full px-3 py-2 text-white">
+          Contribute
+        </h1>
+      </div>
       <ContributeQuestionDialog
         show={showDraftDialog}
         onCancel={handleDraftDialogCancel}
         onSubmit={onSubmit}
       />
-    </div>
+    </button>
   );
 }