Login Screen ui changes

lib/pages/login_page.dart

@@ -9,20 +9,30 @@ class LoginPage extends StatelessWidget {
   Widget build(BuildContext context) {
     final TextEditingController emailController = TextEditingController();
     final TextEditingController passwordController = TextEditingController();
+    Size screenSize = MediaQuery.of(context).size;
+    double dialogWidth = screenSize.width > 400 ? 400 : screenSize.width;
     return Scaffold(
-      body: Form(
+      body: Center(
+        child: SizedBox(
+          width: dialogWidth,
+          child: Form(
             child: Column(
               mainAxisSize: MainAxisSize.max,
               mainAxisAlignment: MainAxisAlignment.center,
               children: [
                 TextFormField(
                   controller: emailController,
+                  textInputAction: TextInputAction.next,
                   decoration: const InputDecoration(label: Text('Email')),
                 ),
+                const Padding(padding: EdgeInsets.symmetric(vertical: 8.0)),
                 TextFormField(
                   controller: passwordController,
+                  onFieldSubmitted: (value) => _loginSubmitted(
+                      emailController.text, passwordController.text),
                   decoration: const InputDecoration(label: Text('Password')),
                 ),
+                const Padding(padding: EdgeInsets.symmetric(vertical: 8.0)),
                 FloatingActionButton.extended(
                     onPressed: () => _loginSubmitted(
                         emailController.text, passwordController.text),
@@ -30,6 +40,8 @@ class LoginPage extends StatelessWidget {
               ],
             ),
           ),
+        ),
+      ),
     );
   }