hola chicos o juan una duda saben como hacer para que el espacio horizontal de los extremos sea mas pequeño pero que sea responsive ? asi...

hola chicos o juan una duda saben como hacer para que el espacio horizontal de los extremos sea mas pequeño pero que sea responsive ?

asi me sale:

quiero asi :

este es mi código 
struct RegisterView :View {
    @State var email = ""
    @State var password = ""
    @State var ConfirmPassword = ""
    var body: some View{
        ScrollView{
            VStack(alignment:.center){
                Text("elige una foto de perfil").fontWeight(.bold).foregroundColor(.white)
                Text("Puedes cambiar o elegirla mas aadelante").font(.footnote).fontWeight(.light).foregroundColor(.gray)
                Button(action: tomarFoto , label: {
                    ZStack
                    {
                        Image("user").resizable().aspectRatio(contentMode: .fit).frame(width: 80, height: 80)
                        Image(systemName: "camera").resizable().aspectRatio(contentMode: .fit).frame(width: 35, height: 35, alignment: .center).foregroundColor(.white)
                    }
                    
                })
                
                
            }.padding(.bottom)
            VStack(alignment: .leading) {
                Text("Correo electronico*").foregroundColor(Color("Dark-cian"))

                ZStack(alignment: .leading) {
                    if(email.isEmpty)
                    {

                        Text("ejemplor@gmail.com").font(.caption).accentColor(.gray)
                    }
                    TextField("", text: $email)
                }
                Divider().frame(height: 1).background(Color("Dark-cian")).padding(.bottom)
            }
            VStack(alignment: .leading) {
                Text("Contraseña").foregroundColor(.white).fontWeight(.bold)

                ZStack(alignment: .leading) {
                    if(password.isEmpty)
                    {

                        Text("password").font(.caption).foregroundColor(.gray)
                    }
                    SecureField("", text: $password)
                }
                Divider().frame(height: 1).background(.white).padding(.bottom)
               

            }
            VStack(alignment: .leading) {
                Text("Confirmar Contraseña*").foregroundColor(.white).fontWeight(.bold)

                ZStack(alignment: .leading) {
                    if(ConfirmPassword.isEmpty)
                    {

                        Text("rewrite to  password").font(.caption).foregroundColor(.gray)
                    }
                    SecureField("", text: $ConfirmPassword)
                }
                Divider().frame(height: 1).background(.white).padding(.bottom)
               

            }
            Button(action: login, label: {
                Text("REGISTRATE").fontWeight(.bold).foregroundColor(.white).frame( maxWidth: .infinity, alignment: .center).padding(EdgeInsets(top: 11, leading: 14, bottom: 11, trailing: 14)).overlay(RoundedRectangle(cornerRadius: 6.0).stroke(Color("Dark-cian"),lineWidth: 1.5).shadow(color: .white, radius: 7))
            }).padding(.top,20)
            Text("Iniciar sesion con redes sociales").foregroundColor(.white).frame( maxWidth: .infinity, alignment: .center).padding(.top, 50.0)


            HStack{
                Spacer()
                Button(action: loginWithFacebook, label: {
                    Text("Facebook").fontWeight(.bold).foregroundColor(.white).frame(maxWidth: .infinity, alignment: .center).padding(EdgeInsets(top: 11, leading: 0, bottom: 7, trailing: 0))
                }).background(Color(red: 46/255, green: 58/255, blue: 91/255)).cornerRadius(7.0)
                Spacer()
                Button(action: loginWithTwitter, label: {
                    Text("Twitter").fontWeight(.bold).foregroundColor(.white).frame(maxWidth: .infinity, alignment: .center).padding(EdgeInsets(top: 11, leading: 0, bottom: 7, trailing: 0))
                }).background(Color(red: 46/255, green: 58/255, blue: 91/255)).cornerRadius(7.0)
                Spacer()


            }.padding(.top,10)
            
           
            
        }.padding(.horizontal,77.0)
        
    }
}![](![](url))