fix: projects label fixes

services/frontend/src/components/Projects/index.tsx

@@ -107,14 +107,14 @@ const Projects = () => {
                           flexDirection: "column",
                           justifyContent: "center",
                           alignItems: "center",
-                          minHeight: "calc(60vh - 120px)"
+                          minHeight: "calc(100vh - 160px)"
                         }}
                       >
-                        <h3 className="mt-2 text-sm font-medium text-gray-900">
+                        <h3 className="mt-2 text-lg font-medium text-gray-900">
                           No projects
                         </h3>
-                        <p className="mt-1 text-sm text-gray-500">
+                        <p className="mt-1 text-base text-gray-500">
-                          Get started by creating a new project.
+                          Get started by creating a new project
                         </p>
                         <div className="flex flex-col md:flex-row mt-6 items-center space-y-2 md:space-y-0 space-x-2">
                           <button onClick={onImportClick} className="btn-util">
@@ -127,7 +127,7 @@ const Projects = () => {
                                 className="h-3 w-3"
                                 aria-hidden="true"
                               />
-                              <span>New Project</span>
+                              <span>New project</span>
                             </span>
                           </Link>
                         </div>

services/frontend/src/components/modals/import/index.tsx

@@ -26,6 +26,13 @@ const FormContainer = styled("div")`
   justify-content: space-between;
 `;
 
+const FormRowBlock = styled("div")`
+  margin: 6px 0 0 0;
+  display: flex;
+  flex-direction: row;
+  gap: ${({ theme }) => theme.spacing(1)};
+`;
+
 const ModalImport = (props: IModalImportProps) => {
   const { onHide, onImport, importing } = props;
 
@@ -74,19 +81,24 @@ const ModalImport = (props: IModalImportProps) => {
                       className="relative px-4 py-3 flex-auto"
                       height={""}
                     >
-                      <TextField label="yaml url" name="url" required={true} />
+                      <TextField label="YAML URL" name="url" required={true} />
 
-                      <label htmlFor="visibility" className="lbl-util">
+                      <FormRowBlock>
-                        Visibility
+                        <label
-                      </label>
+                          htmlFor="visibility"
+                          className="block text-xs font-bold text-gray-700"
+                        >
+                          Make project public
+                        </label>
 
-                      <input
+                        <input
-                        id="visibility"
+                          id="visibility"
-                        name="visibility"
+                          name="visibility"
-                        className="checkbox-util"
+                          className="checkbox-util"
-                        type="checkbox"
+                          type="checkbox"
-                        onChange={formik.handleChange}
+                          onChange={formik.handleChange}
-                      />
+                        />
+                      </FormRowBlock>
 
                       {importing && <>importing</>}
                     </ScrollView>