title: Change button size bootstrap 4 (Django)
body: <p>I'm working with Django and I'm trying to line up a Bootstrap button with a select field. I've got the form inline where I'd like it to be, but I can't seem to make the button smaller to make it align properly. I'm sure there is a simple solution but I've been struggling with this for hours and can't seem to find anything that works for me. Here is a picture as it is currently to give you a better idea of the problem: <a href="https://i.stack.imgur.com/tRzWI.png" rel="nofollow noreferrer">button not aligned</a></p>
  
  <p>And here is my current code in my template:</p>
  
  <pre><code>&lt;form class="form-inline" action="{% url 'displayStats:proindvleaders'%}" method="post"&gt;
  {% csrf_token %}
  &lt;div class="row"&gt;
    {{ form.as_p }}
    &lt;button id="submit" type="submit" class="btn btn-primary btn-sm"&gt;Submit&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>I've tried just setting height on the button ID with css but it doesn't seem to be working for me. Any ideas?</p>