Unknown dots rendered into page - what causes them?

I have a demo application here and in the upper left corners of the "tweets" there are dots and I have no idea where they come from. The code is written in Ember and the template looks like this

 <h2>Ember.js DEMO Tweet list</h2>

        <div class="tweets-list">
        <h2>Tweets</h2>
<button >Change All Tweets</button>
<button >Change One Tweet</button>
<div class="row input-wrap">
</div>
        
            <li class="media">
<div  class="row">
  <a class="pull-left" href="#"><img class="media-object" width="75" height="75" src=/></a>
  <div class="media-body">
  <h4 class="media-heading"></h4>
  <p></p>
        </div>
</div>
<div class="row">
<div class="col-xs-4">
<a href="#">Expand</a>
        </div>
<div class="col-xs-8">
<ul class="list-inline text-right">
<li href="#">Reply</li>
<li href="#">Retweet</li>
<li href="#">Favorite</li>
<li href="#">More</li>
        </ul>
        </div>
        </div>

</li>


                </div>

P.S. The SHOW LIST button must be pressed for the list to show