Login Screen ui changes

lib/pages/login_page.dart

@@ -9,25 +9,37 @@ 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: Column(
+        child: SizedBox(
-          mainAxisSize: MainAxisSize.max,
+          width: dialogWidth,
-          mainAxisAlignment: MainAxisAlignment.center,
+          child: Form(
-          children: [
+            child: Column(
-            TextFormField(
+              mainAxisSize: MainAxisSize.max,
-              controller: emailController,
+              mainAxisAlignment: MainAxisAlignment.center,
-              decoration: const InputDecoration(label: Text('Email')),
+              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),
+                    label: const Text('Login'))
+              ],
             ),
-            TextFormField(
+          ),
-              controller: passwordController,
-              decoration: const InputDecoration(label: Text('Password')),
-            ),
-            FloatingActionButton.extended(
-                onPressed: () => _loginSubmitted(
-                    emailController.text, passwordController.text),
-                label: const Text('Login'))
-          ],
         ),
       ),
     );