Add new Container to allow for margin

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

diff --git a/flutterfamilies/lib/main.dart b/flutterfamilies/lib/main.dart
index ae9604574facc4526e7d077044068ab7fbca47b0..1f2d410b324a51215aed2de879314c08815f2a3b 100644 (file)
--- a/flutterfamilies/lib/main.dart
+++ b/flutterfamilies/lib/main.dart
@@ -77,7 +77,9 @@ class _MyHomePageState extends State<MyHomePage> {
         // the App.build method, and use it to set our appbar title.
         title: Text(widget.title),
       ),
-      body: Center(
+      body: new Container(
+        margin: const EdgeInsets.only(left: 20.0, right: 20.0),
+        child : Center(
         // Center is a layout widget. It takes a single child and positions it
         // in the middle of the parent.
         child: Column(
@@ -98,6 +100,7 @@ class _MyHomePageState extends State<MyHomePage> {
           mainAxisAlignment: MainAxisAlignment.center,
           crossAxisAlignment: CrossAxisAlignment.start,
           children: <Widget>[
+            Spacer(flex: 10),
             Text(
               'Name:',
               style: Theme.of(context).textTheme.headline4,
@@ -107,9 +110,21 @@ class _MyHomePageState extends State<MyHomePage> {
                 hintText: 'Enter your (real) name',
               ),
             ),
+            Spacer(),
+            Text(
+              'Character:',
+              style: Theme.of(context).textTheme.headline4,
+            ),
+            TextField(
+              decoration: InputDecoration(
+                hintText: 'Enter your family/empire name',
+              ),
+            ),
+            Spacer(flex: 10),
           ],
         ),
       ),
+    ),
       floatingActionButton: FloatingActionButton(
         onPressed: _incrementCounter,
         tooltip: 'Increment',