title: Can't reduce size of an elevated button
body: <p>I am trying to reproduce Apple memo recorder button. Right now, I am trying to reduce the size of Stop Button. First, I have tried without the SizedBox and then with. I am getting the same result.Even if embedded in a SizedBox, I can not achieve what I want.
  Please, can somebody tells me what I am missing? Thank you.</p>
  <p><a href="https://i.stack.imgur.com/sZScv.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/sZScv.png" alt="enter image description here" /></a></p>
  <pre><code>Container _RecordButton(){
      return Container(
          height: 90,
          width: 90,
          decoration: BoxDecoration(
            border: Border.all(
              width: 4.0,
              color: Colors.grey,
            ),
            shape: BoxShape.circle,
          ),
        child: Padding(
            padding: EdgeInsets.all(4.0),
            child:  isRecording == false?
            _createRecordElevatedButton() : _createStopElevatedButton()),);
    }
  
  
    ElevatedButton _createRecordElevatedButton(
        {IconData icon,  Function onPressFunc}) {
      return ElevatedButton(
          onPressed: () {
            if (isRecording = false){
  
              setState(() {
                isRecording = true;
              });
  
          }},
          style: ButtonStyle(
          shape: MaterialStateProperty.all(CircleBorder()),
          padding: MaterialStateProperty.all(EdgeInsets.all(20)),
          backgroundColor: MaterialStateProperty.all(Colors.red), // &lt;-- Button color
  
              /*overlayColor: MaterialStateProperty.resolveWith&lt;Color&gt;((states) {
            if (states.contains(MaterialState.pressed))
              return Colors.red; // &lt;-- Splash color
          }*/));
  
    }
  
    SizedBox _createStopElevatedButton(
        {IconData icon,  Function onPressFunc}) {
      return SizedBox(
        height: 14,
        width: 14,
        child: ElevatedButton(
  
            onPressed: () {
             /* if (isRecording = true){
  
                setState(() {
                  isRecording = false;
                });
  
              }*/
              },
            style: ButtonStyle(
              fixedSize: MaterialStateProperty.all(Size(10,10)),
                shape: MaterialStateProperty.all&lt;RoundedRectangleBorder&gt;(
                    RoundedRectangleBorder(
                        borderRadius: BorderRadius.circular(16.0),
                        side: BorderSide(color: Colors.red)
                    )
                ),
  
              padding: MaterialStateProperty.all(EdgeInsets.all(20)),
              backgroundColor: MaterialStateProperty.all(Colors.red), // &lt;-- Button color
  
              /*overlayColor: MaterialStateProperty.resolveWith&lt;Color&gt;((states) {
              if (states.contains(MaterialState.pressed))
                return Colors.red; // &lt;-- Splash color
            }*/)),
      );
  
    }
  </code></pre>