title: Alignment of content inside Dialog in flutter?
body: <p>Here the dialog appears which contains some boxes .
  1.I dont know how these boxes(I dnt know what are they known as) will be aligned like this.</p>
  
  <p>And how to give title to Dialog box?</p>
  
  <pre><code>import 'package:flutter/material.dart';
  
  Dialog leadDialog = Dialog(
    child: Container(
        color: Colors.white,
        child: Column(
          mainAxisAlignment: MainAxisAlignment.start,
          children: &lt;Widget&gt;[
            Padding(
              padding: EdgeInsets.all(15.0),
              child: Text(
                'BUY TICKETS',
                style: TextStyle(color: Colors.black, fontSize: 22.0),
              ),
            ),
            Divider(color: Colors.redAccent),
            Row(crossAxisAlignment: CrossAxisAlignment.start, children: &lt;Widget&gt;[
              Padding(
                padding: EdgeInsets.all(15.0),
              ),
              RaisedButton(
                padding: EdgeInsets.symmetric(horizontal: 30.0, vertical: 15.0),
                textColor: Colors.black,
                child: Text(
                  '02:00PM',
                  style: TextStyle(),
                ),
                shape: RoundedRectangleBorder(
                    borderRadius: BorderRadius.circular(10.0)),
              ),
              RaisedButton(
                padding: EdgeInsets.symmetric(horizontal: 30.0, vertical: 15.0),
                textColor: Colors.black,
                child: Text(
                  '10:00PM',
                  style: TextStyle(),
                ),
                shape: RoundedRectangleBorder(
                    borderRadius: BorderRadius.circular(10.0)),
              )
            ]),
            Divider(color: Colors.redAccent),
            Row(crossAxisAlignment: CrossAxisAlignment.start, children: &lt;Widget&gt;[
              Padding(
                padding: EdgeInsets.all(15.0),
              ),
              RaisedButton(
                padding: EdgeInsets.symmetric(horizontal: 30.0, vertical: 15.0),
                textColor: Colors.black,
                child: Text(
                  '02:00PM',
                  style: TextStyle(),
                ),
                shape: RoundedRectangleBorder(
                    borderRadius: BorderRadius.circular(10.0)),
              ),
              RaisedButton(
                color: Colors.grey,
                padding: EdgeInsets.symmetric(horizontal: 30.0, vertical: 15.0),
                textColor: Colors.black,
                child: Text(
                  '10:00PM',
                  style: TextStyle(),
                ),
                shape: RoundedRectangleBorder(
                    borderRadius: BorderRadius.circular(10.0)),
              )
            ]),
          ],
        )),
  );
  
  </code></pre>
  
  <p>Current: </p>
  
  <p><a href="https://i.stack.imgur.com/LpFlK.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/LpFlK.png" alt="enter image description here"></a></p>
  
  <p>Expected: </p>
  
  <p><a href="https://i.stack.imgur.com/cANdX.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/cANdX.png" alt="enter image description here"></a></p>
  
  <p>Help me out with the divider line too it is not that bold as shown as image when I do that.</p>