From 06b822772f38e68d12848ca130fa15a387220a6d Mon Sep 17 00:00:00 2001
From: Niyonshuti Jean De Dieu <152473876+Jadowacu1@users.noreply.github.com>
Date: Fri, 13 Sep 2024 11:12:32 +0200
Subject: [PATCH] The built-in superadmin account cannot create a program

---
 src/pages/programs/Programs.tsx          | 13 +++++++------
 src/pages/updateTrainee/traineUpdate.tsx |  2 +-
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/pages/programs/Programs.tsx b/src/pages/programs/Programs.tsx
index 0e332c9d5..b2686fa46 100644
--- a/src/pages/programs/Programs.tsx
+++ b/src/pages/programs/Programs.tsx
@@ -181,7 +181,7 @@ const Programs = (props: any) => {
     <>
       <ToastContainer />
       <div
-        className={`h-screen w-full z-20 bg-black bg-opacity-30 backdrop-blur-sm absolute flex items-center justify-center  px-4 overflow-y-hidden ${
+        className={`h-auto w-full z-20 bg-black bg-opacity-45 backdrop-blur-sm absolute flex  justify-center   -mt-24   ${
           addNewProgramModal === true ? "block" : "hidden"
         }`}
       >
@@ -198,7 +198,7 @@ const Programs = (props: any) => {
             <div className="flex flex-col w-full mt-14 md_:mt-5">
               <form
                 onSubmit={handleSubmit}
-                className="flex flex-col md_:flex-row justify-center space-y-7 md_:space-x-7 md_:space-y-0"
+                className="flex flex-col md_:flex-row  space-y-7 md_:space-x-7 md_:space-y-0"
               >
                 <div className="flex flex-col w-full md_:w-[300px] space-y-3">
                   <div className="flex flex-col justify-center items-start space-y-2">
@@ -272,7 +272,10 @@ const Programs = (props: any) => {
                       </span>
                     )}
                   </div>
-                  <div className="flex flex-col items-start space-y-2">
+                  
+                </div>
+              <div className="flex flex-col md_:justify-start md_:items-center w-full md_:w-[500px] space-y-3">
+                <div className="flex flex-col items-start space-y-2 mr-11">
                     <label className="font-bold text-black-text dark:text-white text-left">
                       Duration
                     </label>
@@ -290,8 +293,6 @@ const Programs = (props: any) => {
                       </span>
                     )}
                   </div>
-                </div>
-                <div className="flex flex-col md_:justify-start md_:items-center w-full md_:w-[300px] space-y-3">
                   <div className="flex flex-col items-start space-y-2">
                     <label className="font-bold text-black-text dark:text-white text-left">
                       Entry requirements
@@ -336,7 +337,7 @@ const Programs = (props: any) => {
                               </label>
                               <button
                                 type="button"
-                                className="flex items-center justify-center bg-white text-dark-frame-bg rounded transition-colors border border-black dark:border-transparent hover:bg-dark-frame-bg hover:text-white hover:border hover:border-white font-extrabold px-2 h-4"
+                                className="bg-green-500 text-white px-4 py-2 rounded w-full md:w-auto self-start"
                                 onClick={() => removeEntry(item)}
                               >
                                 -
diff --git a/src/pages/updateTrainee/traineUpdate.tsx b/src/pages/updateTrainee/traineUpdate.tsx
index dca115d30..cc75b980e 100644
--- a/src/pages/updateTrainee/traineUpdate.tsx
+++ b/src/pages/updateTrainee/traineUpdate.tsx
@@ -187,7 +187,7 @@ const TraineeUpdate = (props: any) => {
     <>
       <NavBar />
       <div className="block bg-white dark:bg-dark-tertiary relative mt-10 w-[100%] py-3 min-h-[100vh]">
-        <div className="block text-center text-sm font-bold text-gray-600 relative lg:left-[8rem] dark:text-white text-base lg:max-w-3xl sm:w-[100%] p-4 lg:px-4 m-4 mx-auto text-[24px]">
+        <div className="block text-center  font-bold text-gray-600 relative lg:left-[8rem] dark:text-white text-base lg:max-w-3xl sm:w-[100%] p-4 lg:px-4 m-4 mx-auto text-[24px]">
           <h1 className="p-2">Update Trainee-applicant</h1>
         </div>
         <form