[questions][ui] minor ui fixes (#473)

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

@@ -30,9 +30,8 @@ export default function ContributeQuestionCard({
   });
 
   return (
-    <div className="w-full">
     <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 w-full 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
@@ -42,7 +41,7 @@ export default function ContributeQuestionCard({
         placeholder="Contribute a question"
         onChange={handleOpenContribute}
       />
-        <div className="flex flex-wrap items-end justify-center gap-x-2">
+      <div className="flex flex-wrap items-end justify-start gap-2">
         <div className="min-w-[150px] flex-1">
           <TextInput
             disabled={true}
@@ -80,6 +79,5 @@ export default function ContributeQuestionCard({
         onSubmit={onSubmit}
       />
     </button>
-    </div>
   );
 }

apps/portal/src/components/questions/forms/ContributeQuestionForm.tsx

@@ -252,7 +252,7 @@ export default function ContributeQuestionForm({
           )}
         </div>
         <div
-          className="bg-primary-50 flex w-full justify-between gap-y-2 py-3 shadow-[0_0_0_100vmax_theme(colors.primary.50)]"
+          className="bg-primary-50 flex w-full flex-col gap-y-2 py-3 shadow-[0_0_0_100vmax_theme(colors.primary.50)] sm:flex-row sm:justify-between"
           style={{
             // Hack to make the background bleed outside the container
             clipPath: 'inset(0 -100vmax)',