Login page design improvements (#26)

lib/pages/login_page.dart

@@ -19,33 +19,36 @@ class _LoginPageState extends State<LoginPage> {
   @override
   Widget build(BuildContext ctx) {
     return Scaffold(
-        appBar: AppBar(
+      body: Center(
-          title: Text('Login to Vikunja'),
+        child: SingleChildScrollView(
-        ),
+          padding: const EdgeInsets.all(16.0),
-        body: Builder(
+          child: Builder(
-          builder: (BuildContext context) => SafeArea(
+            builder: (BuildContext context) => Form(
-                top: false,
-                bottom: false,
-                child: Form(
               autovalidate: true,
               key: _formKey,
-                    child: ListView(
+              child: Center(
-                      padding: const EdgeInsets.symmetric(horizontal: 16.0),
+                child: Column(
+                  mainAxisAlignment: MainAxisAlignment.center,
+                  crossAxisAlignment: CrossAxisAlignment.center,
                   children: <Widget>[
                     Padding(
-                          padding: vStandardVerticalPadding,
+                      padding: EdgeInsets.symmetric(vertical: 30),
                       child: Image(
-                            image: AssetImage('assets/vikunja_logo.png'),
+                        image: AssetImage('assets/vikunja_logo_full.png'),
-                            height: 128.0,
+                        height: 85.0,
                         semanticLabel: 'Vikunja Logo',
                       ),
                     ),
                     Padding(
                       padding: vStandardVerticalPadding,
                       child: TextFormField(
-                            onSaved: (serverAddress) => _server = serverAddress,
+                        enabled: !_loading,
+                        onSaved: (serverAddress) =>
+                        _server = serverAddress,
                         validator: (address) {
-                              return isUrl(address) ? null : 'Invalid URL';
+                          return isUrl(address)
+                            ? null
+                            : 'Invalid URL';
                         },
                         decoration: new InputDecoration(
                           border: OutlineInputBorder(),
@@ -55,9 +58,9 @@ class _LoginPageState extends State<LoginPage> {
                     Padding(
                       padding: vStandardVerticalPadding,
                       child: TextFormField(
+                        enabled: !_loading,
                         onSaved: (username) => _username = username,
-                            decoration:
+                        decoration: new InputDecoration(
-                                new InputDecoration(
                           border: OutlineInputBorder(),
                           labelText: 'Username'),
                       ),
@@ -65,9 +68,9 @@ class _LoginPageState extends State<LoginPage> {
                     Padding(
                       padding: vStandardVerticalPadding,
                       child: TextFormField(
+                        enabled: !_loading,
                         onSaved: (password) => _password = password,
-                            decoration:
+                        decoration: new InputDecoration(
-                                new InputDecoration(
                           border: OutlineInputBorder(),
                           labelText: 'Password'),
                         obscureText: true,
@@ -98,9 +101,13 @@ class _LoginPageState extends State<LoginPage> {
                         child: VikunjaButtonText('Register'),
                       )),
                   ],
-                    )),
                 ),
-        ));
+              ),
+            ),
+          ),
+        ),
+      ),
+    );
   }
 
   _loginUser(BuildContext context) async {
@@ -114,7 +121,9 @@ class _LoginPageState extends State<LoginPage> {
       showDialog(
           context: context,
           builder: (context) => new AlertDialog(
-                title: Text('Login failed! Please check your server url and credentials. ' + ex.toString()),
+                title: Text(
+                    'Login failed! Please check your server url and credentials. ' +
+                        ex.toString()),
                 actions: <Widget>[
                   FlatButton(
                       onPressed: () => Navigator.pop(context),

lib/pages/register_page.dart

@@ -20,7 +20,7 @@ class _RegisterPageState extends State<RegisterPage> {
   Widget build(BuildContext ctx) {
     return Scaffold(
         appBar: AppBar(
-          title: Text('Register to Vikunja'),
+          title: Text('Register'),
         ),
         body: Builder(
           builder: (BuildContext context) => SafeArea(
@@ -29,16 +29,8 @@ class _RegisterPageState extends State<RegisterPage> {
                 child: Form(
                     key: _formKey,
                     child: ListView(
-                      padding: const EdgeInsets.symmetric(horizontal: 16.0),
+                      padding: const EdgeInsets.all(16),
                       children: <Widget>[
-                        Padding(
-                          padding: vStandardVerticalPadding,
-                          child: Image(
-                            image: AssetImage('assets/vikunja_logo.png'),
-                            height: 128.0,
-                            semanticLabel: 'Vikunja Logo',
-                          ),
-                        ),
                         Padding(
                           padding: vStandardVerticalPadding,
                           child: TextFormField(

pubspec.yaml

@@ -34,6 +34,7 @@ flutter:
   assets:
     - assets/graphics/hypnotize.png
     - assets/vikunja_logo.png
+    - assets/vikunja_logo_full.png
   fonts:
     - family: Quicksand
       fonts: