fix: fixes to the nodelink viewport resizing and database forms

apps/web/src/components/navbar/AddDatabaseForm/newdatabaseform.tsx

@@ -77,7 +77,7 @@ export const NewDatabaseForm = (props: { onClose(): void; open: boolean }) => {
   return (
     <dialog ref={ref}>
       <form
-        className="card flex gap-4"
+        className="card flex gap-4 p-5 rounded-sm shadow-lg"
         onSubmit={(event: React.FormEvent) => {
           event.preventDefault();
           handleSubmitClicked();
@@ -237,34 +237,17 @@ export const NewDatabaseForm = (props: { onClose(): void; open: boolean }) => {
 
         <div className="card-actions w-full justify-center">
           <button className={`btn btn-primary ${Object.values(hasError).some((e) => e === true) ? 'btn-disabled' : ''}`}>Submit</button>
-          <button className="btn btn-outline" onClick={() => props.onClose()}>
+          <button
+            className="btn btn-outline"
+            onClick={(e) => {
+              e.preventDefault();
+              e.stopPropagation();
+              props.onClose();
+            }}
+          >
             Cancel
           </button>
         </div>
-        {/* 
-          
-            <div className={styles.loginContainerButton}>
-              {portValidation && portValidation == 'error' ? (
-                <Button disabled variant="contained" type="submit" color="success">
-                  Submit
-                </Button>
-              ) : (
-                <Button variant="contained" type="submit" color="success">
-                  Submit
-                </Button>
-              )}
-  
-              <Button
-                className={styles.cancelButton}
-                variant="outlined"
-                color="error"
-                onClick={() => {
-                  props.onClose();
-                }}
-              >
-                Cancel
-              </Button>
-            </div> */}
       </form>
     </dialog>
   );