From ee72f6fe9f63108589c5920b28d63623dffb7136 Mon Sep 17 00:00:00 2001
From: Sam Chau <chaucted@gmail.com>
Date: Thu, 12 Dec 2024 06:44:09 +1030
Subject: [PATCH] fix: increase width of scoring fields

---
 frontend/src/components/profile/ProfileScoringTab.jsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/profile/ProfileScoringTab.jsx b/frontend/src/components/profile/ProfileScoringTab.jsx
index 283d327..0a75cfc 100644
--- a/frontend/src/components/profile/ProfileScoringTab.jsx
+++ b/frontend/src/components/profile/ProfileScoringTab.jsx
@@ -198,7 +198,7 @@ const ProfileScoringTab = ({
                                                     )
                                                 }
                                                 onKeyDown={handleKeyDown}
-                                                className='w-16 px-3 py-1 text-sm rounded border border-gray-700 dark:bg-gray-800 dark:text-gray-100 bg-gray-800 text-gray-100 [appearance:textfield]'
+                                                className='w-20 px-3 py-1 text-sm rounded border border-gray-700 dark:bg-gray-800 dark:text-gray-100 bg-gray-800 text-gray-100 [appearance:textfield]'
                                             />
                                         </div>
                                     ))
@@ -265,7 +265,7 @@ const ProfileScoringTab = ({
                                                     handleTagBlur(tag)
                                                 }
                                                 onKeyDown={handleKeyDown}
-                                                className='w-16 px-3 py-1 text-sm rounded border border-gray-700 dark:bg-gray-800 dark:text-gray-100 bg-gray-800 text-gray-100 [appearance:textfield]'
+                                                className='w-20 px-3 py-1 text-sm rounded border border-gray-700 dark:bg-gray-800 dark:text-gray-100 bg-gray-800 text-gray-100 [appearance:textfield]'
                                             />
                                         </div>
                                     ))
@@ -298,7 +298,7 @@ const ProfileScoringTab = ({
                                                 Number(e.target.value)
                                             )
                                         }
-                                        className='w-16 px-3 py-1 text-sm rounded border border-gray-700 dark:bg-gray-800 dark:text-gray-100 bg-gray-800 text-gray-100 [appearance:textfield]'
+                                        className='w-20 px-3 py-1 text-sm rounded border border-gray-700 dark:bg-gray-800 dark:text-gray-100 bg-gray-800 text-gray-100 [appearance:textfield]'
                                     />
                                 </div>
                             </div>
@@ -325,7 +325,7 @@ const ProfileScoringTab = ({
                                                 Number(e.target.value)
                                             )
                                         }
-                                        className='w-16 px-3 py-1 text-sm rounded border border-gray-700 dark:bg-gray-800 dark:text-gray-100 bg-gray-800 text-gray-100 [appearance:textfield]'
+                                        className='w-20 px-3 py-1 text-sm rounded border border-gray-700 dark:bg-gray-800 dark:text-gray-100 bg-gray-800 text-gray-100 [appearance:textfield]'
                                     />
                                 </div>
                             </div>
@@ -353,7 +353,7 @@ const ProfileScoringTab = ({
                                                 Number(e.target.value)
                                             )
                                         }
-                                        className='w-16 px-3 py-1 text-sm rounded border border-gray-700 dark:bg-gray-800 dark:text-gray-100 bg-gray-800 text-gray-100 [appearance:textfield]'
+                                        className='w-20 px-3 py-1 text-sm rounded border border-gray-700 dark:bg-gray-800 dark:text-gray-100 bg-gray-800 text-gray-100 [appearance:textfield]'
                                     />
                                 </div>
                             </div>