[questions][fix] fix ContributeQuestionCard width

apps/portal/src/components/questions/ContributeQuestionCard.tsx

@@ -28,56 +28,54 @@ export default function ContributeQuestionCard({
   };
 
   return (
-    <div>
+    <button
-      <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"
-        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"
-        type="button"
+      onClick={handleOpenContribute}>
-        onClick={handleOpenContribute}>
+      <TextInput
-        <TextInput
+        disabled={true}
-          disabled={true}
+        isLabelHidden={true}
-          isLabelHidden={true}
+        label="Question"
-          label="Question"
+        placeholder="Contribute a question"
-          placeholder="Contribute a question"
+        onChange={handleOpenContribute}
-          onChange={handleOpenContribute}
+      />
-        />
+      <div className="flex flex-wrap items-end justify-center gap-x-2">
-        <div className="flex flex-wrap items-end justify-center gap-x-2">
+        <div className="min-w-[150px] flex-1">
-          <div className="min-w-[150px] flex-1">
+          <TextInput
-            <TextInput
+            disabled={true}
-              disabled={true}
+            label="Company"
-              label="Company"
+            startAddOn={BuildingOffice2Icon}
-              startAddOn={BuildingOffice2Icon}
+            startAddOnType="icon"
-              startAddOnType="icon"
+            onChange={handleOpenContribute}
-              onChange={handleOpenContribute}
+          />
-            />
+        </div>
-          </div>
+        <div className="min-w-[150px] flex-1">
-          <div className="min-w-[150px] flex-1">
+          <TextInput
-            <TextInput
+            disabled={true}
-              disabled={true}
+            label="Question type"
-              label="Question type"
+            startAddOn={QuestionMarkCircleIcon}
-              startAddOn={QuestionMarkCircleIcon}
+            startAddOnType="icon"
-              startAddOnType="icon"
+            onChange={handleOpenContribute}
-              onChange={handleOpenContribute}
+          />
-            />
+        </div>
-          </div>
+        <div className="min-w-[150px] flex-1">
-          <div className="min-w-[150px] flex-1">
+          <TextInput
-            <TextInput
+            disabled={true}
-              disabled={true}
+            label="Date"
-              label="Date"
+            startAddOn={CalendarDaysIcon}
-              startAddOn={CalendarDaysIcon}
+            startAddOnType="icon"
-              startAddOnType="icon"
+            onChange={handleOpenContribute}
-              onChange={handleOpenContribute}
+          />
-            />
-          </div>
-          <h1 className="bg-primary-600 hover:bg-primary-700 rounded-full px-3 py-2 text-white">
-            Contribute
-          </h1>
         </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>
   );
 }