title: Bootstrap pull right buttons in list hanging out
body: <p>I have the following code:</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;ul class="list-group"&gt;
          &lt;li class="list-group-item"&gt;
              userA &lt;span class="label label-default"&gt;admin&lt;/span&gt;
              &lt;span class="pull-right button-group"&gt;
                  &lt;a href="/admin/userA" class="btn btn-primary"&gt;&lt;span class="glyphicon glyphicon-edit"&gt;&lt;/span&gt; Edit&lt;/a&gt; 
                  &lt;button type="button" class="btn btn-danger"&gt;&lt;span class="glyphicon glyphicon-remove"&gt;&lt;/span&gt; Delete&lt;/button&gt;
              &lt;/span&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/roG0g.png" alt="enter image description here"></p>
  
  <p>I would like to make the box bigger so the buttons fit within, whilst keeping the text/label vertically centered. Alternatively, moving the buttons up to be within the box would work. I'm using bootstrap 3.2. Any advice welcome. Thanks.</p>