title: I want a Elevated button in a round rectangle -flutter
body: <p>Hi I am trying to draw a rectangular shape using a elevated button
  This is what i am trying to achieve</p>
  <p><a href="https://i.stack.imgur.com/mHyFu.png" rel="noreferrer"><img src="https://i.stack.imgur.com/mHyFu.png" alt="enter image description here" /></a></p>
  <p><a href="https://i.stack.imgur.com/Pudnh.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Pudnh.png" alt="enter image description here" /></a></p>
  <pre><code>this is what i get
  </code></pre>
  <p>I have upgraded the code from a Raised button to an elevated button and used the same code underneath but its not working</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>import 'package:flutter/cupertino.dart';
  import 'package:flutter/material.dart';
  import 'package:flutter/painting.dart';
  import 'package:provider/provider.dart';
  import '../BackEnd/AuthenticationService.dart';
  import 'ForgotPassword.dart';
  
  class Login extends StatelessWidget {
    final TextEditingController emailController = TextEditingController();
    final TextEditingController passwordController = TextEditingController();
  
    @override
    Widget build(BuildContext context) {
      return Scaffold(
        body: SingleChildScrollView(
          child: Container(
            child: Column(
              children: &lt;Widget&gt;[
                Container(
                  height: 400,
                  decoration: BoxDecoration(
                      image: DecorationImage(
                          image: AssetImage('assets/images/loginHeader.png'),
                          fit: BoxFit.fill)),
                  child: Stack(
                    children: &lt;Widget&gt;[],
                    ),
                  ),
                  Padding(
                    padding: EdgeInsets.all(30.0),
                    child: Column(
                      children: &lt;Widget&gt;[
                            Container(
                              padding: EdgeInsets.all(5),
                              decoration: BoxDecoration(
                                  color: Colors.white,
                                  borderRadius: BorderRadius.circular(10),
                                  boxShadow: [
                                    BoxShadow(
                                        color: Color.fromRGBO(143, 148, 251, .2),
                                        blurRadius: 20.0,
                                        offset: Offset(0, 10))
                                  ]),
                              child: Column(
                                children: &lt;Widget&gt;[
                                  Container(
                                    padding: EdgeInsets.all(8.0),
                                    decoration: BoxDecoration(
                                        border: Border(
                                            bottom: BorderSide(
                                                color: Colors.grey[100]))),
                                    child: TextField(
                                      controller: emailController,
                                    decoration: InputDecoration(
                                        labelText: "Email",
                                        border: InputBorder.none,
                                        hintText: "Email or Phone number",
                                        hintStyle:
                                            TextStyle(color: Colors.grey[400])),
                                  ),
                                  ),
                                  Container(
                                    padding: EdgeInsets.all(8.0),
                                    child: TextField(
                                      controller: passwordController,
                                    obscureText: true,
                                    decoration: InputDecoration(
                                        labelText: "Password",
                                        border: InputBorder.none,
                                        hintText: "Password",
                                        hintStyle:
                                            TextStyle(color: Colors.grey[400])),
                                  ),
                                  )
                                ],
                              ),
                            ),
                        SizedBox(
                          height: 30,
                        ),
                        ElevatedButton(onPressed: () {
                          context.read&lt;AuthenticationService&gt;().signIn(
                            email: emailController.text.trim(),
                            password: passwordController.text.trim(),
                          );
                        },
                            style: ElevatedButton.styleFrom(elevation: 10,
                                shape: new RoundedRectangleBorder(
                              borderRadius: new BorderRadius.circular(30.0),
                              side: BorderSide(color: Colors.red),
                            ),
                              primary: Color.fromRGBO(214, 0, 27, 1)
                            ),
                            child: Text(' Login'.toUpperCase())
          ),
                       
                        Padding(
                          padding: EdgeInsets.only(top: 15),
                        ),
                        ClipOval(
                          child:ElevatedButton(
                            child: Text("Forgot Password"),
                            onPressed: () {
                              gotoForgotPassword(BuildContext context) {
                                Navigator.push(
                                  context,
                                  MaterialPageRoute(
                                      builder: (context) =&gt; ForgotPassword()),
                                );
                              }
                              gotoForgotPassword(context);
                            },
                          ),
                        ),
                      ],
                    ),
                  )
                ],
              ),
            ),
          ),
      );
    }
  }</code></pre>
  </div>
  </div>
  </p>
  <p>I tried to search the internet prefebly stack overflow but can't seem to find any solution to my problem</p>