title: Put buttons inside input box
body: <p>What I have</p>
  
  <pre><code>&lt;form class="input-group-1 well" id="spinner-form"&gt;
      &lt;input id="input1" class="form-control" type="text"&gt;
      &lt;a class="btn" id="up-button"&gt;
          &lt;span class="glyphicon glyphicon-chevron-up"&gt;&lt;/span&gt;
      &lt;/span&gt;
      &lt;a class="btn" id="down-button"&gt;
          &lt;span class="glyphicon glyphicon-chevron-down" &gt;&lt;/span&gt;
      &lt;/a&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>What it looks like:</p>
  
  <p><img src="https://i.stack.imgur.com/62BAr.png" alt="enter image description here"></p>
  
  <p>What I want: </p>
  
  <p><img src="https://i.stack.imgur.com/LPc2I.png" alt="enter image description here"></p>
  
  <p>I use bootstrap, here are some overwritten styles</p>
  
  <pre><code>   &lt;style&gt;
          .input-group-1 {
              width: 300px;
              margin-bottom: 50px;
          }
          a {
              color: #737577;
          }
      &lt;/style&gt;
  </code></pre>
  
  <p>I'm not sure how to edit the css to get this, please help!!</p>
  
  <p>Thanks</p>