Shift Update Done, will add password next

src/app/shared/components/input-form/input-form.component.scss

@@ -6,6 +6,7 @@
 
 .form-container {
     display: flex;
+    flex-wrap: wrap;
     align-items: center;
     margin-bottom: 2rem;
     .control {
@@ -19,6 +20,7 @@
             border: none;
             background-color: $bg-color;
             border-bottom: 1px solid $txt-color;
+            width: 20rem;
             &:focus{
                 outline: none;
             }
@@ -27,6 +29,7 @@
     }
     .btn{
         margin-left: 2rem;
+        margin-top: 2rem;
         button{
             background-color: $hover-color;
             height: 3rem;
@@ -54,7 +57,7 @@
 
 i {
     color:$title;
-    font-size: 5rem;
+    font-size: 3rem;
 }
 
 i:hover{

src/app/shared/components/input-form/input-form.component.ts

@@ -1,6 +1,7 @@
 import { CommonModule } from '@angular/common';
 import { Component, EventEmitter, Input, Output } from '@angular/core';
 import { FormsModule, NgForm } from '@angular/forms';
+import { Router } from '@angular/router';
 
 @Component({
   selector: 'app-input-form',
@@ -15,9 +16,13 @@ export class InputFormComponent {
   formData: {[key: string]: string} = {}
   @Input() isFormVisible: boolean = false;
   @Output() clicked: EventEmitter<void> = new EventEmitter<void>()
+  @Input() navPage!: string;
+
+  constructor(private router: Router){}
 
   onSubmit(formData: NgForm){
     this.formValues.emit(formData.value)
+    this.router.navigate(['/','update'])
   }
   toggleForm() {
     this.isFormVisible = !this.isFormVisible;
@@ -25,5 +30,8 @@ export class InputFormComponent {
 
   onClick(){
     this.clicked.emit()
+    this.isFormVisible = false;
   }
+
+  
 }

src/app/shared/constants/backend.ts

@@ -3,4 +3,5 @@ const MAIN_URL = "http://localhost:3000/api"
 export const BACKUP_GET_URL = `${MAIN_URL}/backup`;
 export const UPDATE_GET_URL = `${MAIN_URL}/update`;
 export const UPDATE_ADD_URL = `${UPDATE_GET_URL}/add`;
-export const UPDATE_COMPLETE_URL = `${UPDATE_GET_URL}/complete`
+export const UPDATE_COMPLETE_URL = `${UPDATE_GET_URL}/complete`;
+export const UPDATE_DELETE_URL = `${UPDATE_GET_URL}/delete`;