title: Flutter Dropdown align selected item and hint text
body: <p>I have following code. I have <code>ListTile</code> with text on <code>title</code> and a dropdown on a <code>trailing</code>.</p>
  
  <pre><code>Card(
        elevation: 1,
        margin: EdgeInsets.only(bottom: 3),
        child: ListTile(
          title:Text("Item Type"),
          contentPadding:
              EdgeInsets.fromLTRB(10, 0, 10, 0),
          trailing: DropdownButtonHideUnderline(
              child: DropdownButton(
                isExpanded: false,
                value: selectedLeaveType,
                items: itemTypeList.map((item) {
                  return new DropdownMenuItem(
                    child: new Text(item['item_name']),
                    value: item['item_id'],
                  );
                }).toList(),
                onChanged: (value) {
                  setState(() {
                    selectedLeaveType = value;
                  });
                },
                hint: Align(
                  alignment: Alignment.centerRight,
                  child: Text(
                    "Select Item Type",
                    style: TextStyle(color: Colors.grey),
                  ),
                ),
                style:
                    TextStyle(color: Colors.black, decorationColor: Colors.red),
              ),
            ),
          ),
        ),
      );
  </code></pre>
  
  <p>Dropdown contains items with various lengths, What I want to do is <code>Text</code> is left aligned and <code>dropdown</code> is right aligned. </p>
  
  <p><strong>Problem</strong></p>
  
  <p>I want to align only <strong>hint text and selected text</strong> of dropdown to align right, but without luck.</p>
  
  <p>Anybody help me on this??</p>
  
  <p><a href="https://i.stack.imgur.com/tKFWZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/tKFWZ.png" alt="enter image description here"></a></p>