Add some space in between TextFields for aesthetics

[lmno.games] / flutterfamilies / lib / main.dart

diff --git a/flutterfamilies/lib/main.dart b/flutterfamilies/lib/main.dart
index f61141c2859c4e56bd10380e3d2ba06a6ab1306b..616542220e05b986fe1938eb5ff171ecb7f5ed6b 100644 (file)
--- a/flutterfamilies/lib/main.dart
+++ b/flutterfamilies/lib/main.dart
@@ -26,7 +26,7 @@ class MyApp extends StatelessWidget {
         // closer together (more dense) than on mobile platforms.
         visualDensity: VisualDensity.adaptivePlatformDensity,
       ),
-      home: MyHomePage(title: 'Families (Name Game)'),
+      home: MyHomePage(title: 'Families / Empires'),
     );
   }
 }
@@ -98,13 +98,27 @@ class _MyHomePageState extends State<MyHomePage> {
           mainAxisAlignment: MainAxisAlignment.center,
           crossAxisAlignment: CrossAxisAlignment.start,
           children: <Widget>[
+            Spacer(flex: 10),
             Text(
-              'You have pushed the button this many times:',
+              'Name:',
+              style: Theme.of(context).textTheme.headline4,
+            ),
+            TextField(
+              decoration: InputDecoration(
+                hintText: 'Enter your (real) name',
+              ),
             ),
+            Spacer(),
             Text(
-              '$_counter',
+              'Character:',
               style: Theme.of(context).textTheme.headline4,
             ),
+            TextField(
+              decoration: InputDecoration(
+                hintText: 'Enter your family/empire name',
+              ),
+            ),
+            Spacer(flex: 10),
           ],
         ),
       ),