From c2007ef090aab3bbfcb8bca1ebc476255d09cb90 Mon Sep 17 00:00:00 2001
From: Ethan <ethanlanting@gmail.com>
Date: Mon, 21 Oct 2024 14:35:34 -0500
Subject: [PATCH] fix: ensure input elements take full width of parent (#364)

---
 src/views/components/ReportIssueMain.tsx | 38 +++++++++++++-----------
 1 file changed, 21 insertions(+), 17 deletions(-)

diff --git a/src/views/components/ReportIssueMain.tsx b/src/views/components/ReportIssueMain.tsx
index 372df3e3..c3b90492 100644
--- a/src/views/components/ReportIssueMain.tsx
+++ b/src/views/components/ReportIssueMain.tsx
@@ -81,29 +81,33 @@ export default function ReportIssueMain(): JSX.Element {
                     <label htmlFor='email' className='mb-1 block text-sm text-ut-black font-medium'>
                         Your @utexas.edu email
                     </label>
-                    <input
-                        type='email'
-                        id='email'
-                        value={email}
-                        onChange={e => setEmail(e.target.value)}
-                        className='w-full border border-gray-300 rounded-md px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-orange-500'
-                        placeholder='bevo@utexas.edu'
-                        required
-                    />
+                    <div className='flex'>
+                        <input
+                            type='email'
+                            id='email'
+                            value={email}
+                            onChange={e => setEmail(e.target.value)}
+                            className='w-full border border-gray-300 rounded-md px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-orange-500'
+                            placeholder='bevo@utexas.edu'
+                            required
+                        />
+                    </div>
                 </div>
 
                 <div className='mb-4'>
                     <label htmlFor='feedback' className='mb-1 block text-sm text-ut-black font-medium'>
                         Your feedback
                     </label>
-                    <textarea
-                        id='feedback'
-                        value={feedback}
-                        onChange={e => setFeedback(e.target.value)}
-                        className='h-24 w-full resize-none border border-gray-300 rounded-md px-3 py-2 text-sm font-sans focus:outline-none focus:ring-2 focus:ring-orange-500'
-                        placeholder='I wish UT Registration Plus could...'
-                        required
-                    />
+                    <div className='flex'>
+                        <textarea
+                            id='feedback'
+                            value={feedback}
+                            onChange={e => setFeedback(e.target.value)}
+                            className='h-24 w-full resize-none border border-gray-300 rounded-md px-3 py-2 text-sm font-sans focus:outline-none focus:ring-2 focus:ring-orange-500'
+                            placeholder='I wish UT Registration Plus could...'
+                            required
+                        />
+                    </div>
                 </div>
 
                 <Button