PWD-7: customise add-password form style

password/view/add/AddView.swift

@@ -20,30 +20,34 @@ struct AddPasswordView: View {
         VStack {
             VStack {
                 Text("Add Password")
-                    .font(.headline)
+                    .font(.title2)
-                Text("Create a new password to learn. It will be encrypted and stored securely.")
+                Text("Create a new password to learn.")
+                Text("It will be encrypted and stored securely.")
             }
             .padding(EdgeInsets(top: 0, leading: 0, bottom: 10, trailing: 0))
+            
             Form {
                 TextField("Name", text: $name)
                     .textFieldStyle(PwdTextFieldStyle())
                 TextField("Value", text: $value)
                     .textFieldStyle(PwdTextFieldStyle())
-                Text("The password will not be visible again later. Make sure to save it somewhere else too!")
-                    .font(.footnote)
-                HStack {
-                    Button("Save") {
-                        viewModel.createPassword(name: name, value: value)
-                        name = ""
-                        value = ""
-                        dismiss()
-                    }
-                    Button("Cancel") {
-                        dismiss()
-                    }
-                }
-                .padding(EdgeInsets(top: 10, leading: 0, bottom: 0, trailing: 0))
             }
+            
+            Text("The password will not be visible again later. Make sure to save it somewhere else too!")
+                .font(.footnote)
+            HStack {
+                PwdButton(label: Text("Save")) {
+                    viewModel.createPassword(name: name, value: value)
+                    name = ""
+                    value = ""
+                    dismiss()
+                }
+                PwdButton(label: Text("Cancel"), variant: .outline) {
+                    dismiss()
+                }
+            }
+            .padding(EdgeInsets(top: 10, leading: 0, bottom: 0, trailing: 0))
+            
         }.padding(20)
     }
 }