style(terraform): move generate button to center

Author: mehdi-parvizi

web/src/features/terraform/components/Docker.tsx

@@ -36,7 +36,7 @@ const Docker = () => {
     <div className="flex flex-col ">
       <FormProvider {...formMethods}>
         <form onSubmit={handleFormSubmit}>
-          <div className="flex justify-between w-full md:flex-col md:items-center md:gap-y-5 border border-orange-300 p-8">
+          <div className="flex flex-col justify-between w-full border items-center gap-y-5 border-orange-300 p-8">
             <HStack lg={{ gap: 5 }} md={{ gap: 3 }}>
               <p className="font-bold">Docker service: </p>
               <CheckBox

web/src/features/terraform/components/EC2.tsx

@@ -33,7 +33,7 @@ const EC2 = () => {
     <div className="flex flex-col ">
       <FormProvider {...formMethods}>
         <form onSubmit={handleFormSubmit}>
-          <div className="flex justify-between w-full md:flex-col md:items-center md:gap-y-5 border border-orange-300 p-8">
+          <div className="flex justify-between flex-col border items-center gap-y-5 border-orange-300 p-8">
             <HStack gap={5}>
               <p className="font-bold">EC2 service: </p>
               <CheckBox

web/src/features/terraform/components/IAM.tsx

@@ -33,7 +33,7 @@ const IAM = () => {
     <div className="flex flex-col ">
       <FormProvider {...formMethods}>
         <form onSubmit={handleFormSubmit}>
-          <div className="flex justify-between w-full border md:flex-col md:items-center md:gap-y-5 border-orange-300 p-8">
+          <div className="flex justify-between w-full items-center border gap-y-5 flex-col border-orange-300 p-8">
             <HStack gap={5}>
               <p className="font-bold">IAM service: </p>
               <CheckBox

web/src/features/terraform/components/S3.tsx

@@ -33,7 +33,7 @@ const S3 = () => {
     <div className="flex flex-col">
       <FormProvider {...formMethods}>
         <form onSubmit={handleFormSubmit}>
-          <div className="flex justify-between w-full border md:flex-col md:items-center md:gap-y-5 border-orange-300 p-8">
+          <div className="flex justify-center items-center w-full border gap-y-5 flex-col border-orange-300 p-8">
             <HStack gap={5}>
               <p className="font-bold">S3 service: </p>
               <CheckBox