<ul class="list-unstyled" style="width: 100%;">
    <li ng-repeat="user in users | filter: filter" style="margin-right:10px;display:inline-block; vertical-align:top; width:300px;">
        <div class="wizdom-departmentUsers-row" style="display: inline-block;">
            <div class="wizdom-departmentUsers-imgColumn">
                <div wizdom365-presence-picture="" size="AVATAR" email="::user.email" accountname="::user.accountName" name="::user.name" image="::user.pictureURL"></div>
            </div>

            <div class="wizdom-departmentUsers-textColumn">
                <div class="name notranslate">
                    <a ng-href="{{::user.publicUrl}}">{{::user.name}}</a>
                </div>
                <section>
                    <div class="email notranslate" ng-show="::user.email.length">
                        <a ng-href="mailto:{{::user.email}}">{{::user.email}}</a>
                    </div>
                    <div class="phone" ng-show="::user.phone.length">
                        <a ng-href="tel:{{::user.phone}}">
                            {{::user.phone}}
                        </a>
                    </div>
                </section>
            </div>
        </div>
    </li>
</ul>
