title: Add button inside input with rounded corners
body: <p>Id like to have a text input with a submit button inside the input and have the edges rounded using something like border-radius</p>
  
  <p>Im using the css from the second answer in this question:
  <a href="https://stackoverflow.com/questions/15314407/how-to-add-button-inside-input">How to add button inside input</a></p>
  
  <pre class="lang-css prettyprint-override"><code>#form {
      display:flex;
      flex-direction:row;
      border:1px solid grey;
      padding:2px;
      border-radius:50px; /* this is me trying to round edges of input*/
  }
  
  #input {
      flex-grow:2;
      border:none;
  }
  </code></pre>
  
  <p>but when I add that border-radius the button  no longer appears inside the input
  how could I do it?</p>