Want to achieve the red circle effect using CSS. Currently working with jQuery mobile and AngularJS. Below is a snippet of my code:
<div data-role="page" id="p2">
<div class="ui-bar ui-bar-d "data-role="header" >
<a href="" data-role="button" class="ui-btn-left>Chat</a>
<h1> contacts </h1>
<a href="" class="ui-btn-right">Photos</a>
</div >
<div data-role="content" data-position="center">
<div ng-controller="TalkCtl">
<ul >
Search:
<input type="search" ng-model="searchText">
<li ng-repeat="talk in talks | filter:searchText">
{{talk.name}} <br> {{talk.text}}
</li>
</ul>
</div>
</div>