title: Place a CircularProgressIndicator inside RaisedButton mantaining size
body: <p>I want to place a <code>CircularProgressIndicator</code> inside a <code>RaisedButton</code>, but when I do it, the <code>CircularProgressIndicator</code> doesn't fit the button and sticks out of it.</p>
  
  <p>I want to shrink the <code>CircularProgressIndicator</code>, so that it fits inside the <code>RaisedButton</code>, I know I can do it using a <code>SizedBox</code> but I want it to be automatic, not that I give it the size that I want. I tried <code>FittedBox</code> but all its options make no difference at all.</p>
  
  <p>this is my button's code:</p>
  
  <pre class="lang-dart prettyprint-override"><code>RaisedButton(
      onPressed: () =&gt; print('hi'),
      shape: StadiumBorder(),
      color: Theme.of(context).primaryColor,
      child: Row(
        children: &lt;Widget&gt;[       
        Padding(
            padding: const EdgeInsets.only(right: 12, top: 6, bottom: 6),
            child: CircularProgressIndicator(
              backgroundColor: Colors.white,
              strokeWidth: 2,
            ),
          ),        
          Text('Loading'),
        ],
      ),
  ),
  
  </code></pre>
  
  <p>And this is how it looks like:</p>
  
  <p><a href="https://i.stack.imgur.com/yrcjg.png" rel="noreferrer"><img src="https://i.stack.imgur.com/yrcjg.png" alt="enter image description here"></a></p>
  
  <p>When I Add <code>Padding</code> it grows the button:</p>
  
  <p><a href="https://i.stack.imgur.com/nBEsW.png" rel="noreferrer"><img src="https://i.stack.imgur.com/nBEsW.png" alt="enter image description here"></a></p>
  
  <p>Are there any ways to achieve this automatically?</p>
  
  <hr>
  
  <p>EDIT: </p>
  
  <p>Just to make it clear, the end effect that I want is this:</p>
  
  <p>Before and after the user presses the button:</p>
  
  <p><a href="https://i.stack.imgur.com/r6xZE.png" rel="noreferrer"><img src="https://i.stack.imgur.com/r6xZE.png" alt="enter image description here"></a> <a href="https://i.stack.imgur.com/Jxdb9.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Jxdb9.png" alt="enter image description here"></a></p>
  
  <p>I want the height to stay the same, automatically, without magic values inside a <code>SizedBox</code>.</p>