title: Inline form elements in Angular / Material
body: <p>I'm trying to design an form that has an input field and right beside it, a button. However, I'm getting the button on top of the input field.</p>
  
  <pre><code>&lt;mat-form-field&gt;
    &lt;input matInput placeholder="Select Spec Folder"&gt;
    &lt;button mat-raised-button &gt;Select Folder&lt;/button&gt;
  &lt;/mat-form-field&gt;
  </code></pre>
  
  <p>Is there a way to have both elements on the same line one after the other?</p>
  
  <p>Thanks</p>