diff --git a/abonapp/templates/abonapp/peoples.html b/abonapp/templates/abonapp/peoples.html
index c0bc2ce..5a034e9 100644
--- a/abonapp/templates/abonapp/peoples.html
+++ b/abonapp/templates/abonapp/peoples.html
@@ -11,10 +11,13 @@
 
     {% include 'message_block.html' %}
 
-    <h3>{% trans 'The people in the selected group' %}</h3>
     <div class="row">
         <div class="col-lg-10 col-md-8">
-            <div class="table-responsive">
+            <div class="panel panel-default">
+                <div class="panel-heading">
+                    <h2 class="panel-title">{% trans 'The people in the selected group' %}</h2>
+                </div>
+                <div class="table-responsive">
                 <table class="table table-striped table-bordered">
                     <thead>
                     <tr>
@@ -76,7 +79,7 @@
                                 <span class="glyphicon glyphicon-remove-sign text-muted"></span>
                             {% endif %}
                         </td>
-                        <td>
+                        <td class="col-xs-1">
                             <a href="{% url 'abonapp:abon_home' human.group.pk human.username %}">{{ human.username }}</a>
                         </td>
                         <td class="hidden-xs">
@@ -88,12 +91,12 @@
                                 {% endif %}
                             {% endif %}
                         </td>
-                        <td class="hidden-md">{{ human.ip_address|default:_('Not assigned') }}</td>
-                        <td>{{ human.fio }}</td>
-                        <td>{{ human.street|default:_('Not assigned') }}</td>
-                        <td>{{ human.house|default:'-' }}</td>
-                        <td><a href="tel:{{ human.telephone }}">{{ human.telephone }}</a></td>
-                        <td>
+                        <td class="col-xs-1 hidden-md">{{ human.ip_address|default:_('Not assigned') }}</td>
+                        <td class="col-xs-2">{{ human.fio }}</td>
+                        <td class="col-xs-2">{{ human.street|default:_('Not assigned') }}</td>
+                        <td class="col-xs-1">{{ human.house|default:'-' }}</td>
+                        <td class="col-xs-2"><a href="tel:{{ human.telephone }}">{{ human.telephone }}</a></td>
+                        <td class="col-xs-2">
                             {% if human.current_tariff %}
                                 {% if can_ch_trf %}
                                     <a href="{% url 'tarifs:edit' human.current_tariff.tariff.pk %}">{{ human.current_tariff.tariff.title }}</a>
@@ -103,8 +106,8 @@
                             {% else %}&mdash;&mdash;&mdash;
                             {% endif %}
                         </td>
-                        <td class="hidden-xs">{{ human.ballance|floatformat:2 }}</td>
-                        <td>
+                        <td class="hidden-xs col-sm-1">{{ human.ballance|floatformat:2 }}</td>
+                        <td class="hidden-xs">
                             {% for user_icon in human.get_flag_icons %}<span class="m-icon {{ user_icon }}"></span>
                             {% endfor %}
                         </td>
@@ -128,27 +131,24 @@
                     {% endfor %}
                     {% endwith %}
                     </tbody>
-                    <tfoot>
-                    <tr>
-                        <td colspan="12" class="btn-group btn-group-sm">
-                            {% if perms.abonapp.add_abon %}
-                                <a href="{% url 'abonapp:add_abon' group.pk %}" class="btn btn-default" title="{% trans 'Add' %}" data-toggle="tooltip">
-                                    <span class="glyphicon glyphicon-plus"></span> {% trans 'Add abon' %}
-                                </a>
-                            {% endif %}
-                            <a href="{% url 'abonapp:ch_group_tariff' group.pk %}" class="btn btn-default" title="{% trans 'User groups' %}" data-toggle="tooltip">
-                                <span class="glyphicon glyphicon-subscript"></span> {% trans 'Tariffs in groups' %}
-                            </a>
-                            <a href="{% url 'abonapp:phonebook' group.pk %}" class="btn btn-default btn-modal">
-                                <span class="glyphicon glyphicon-earphone"></span> {% trans 'Phonebook' %}
-                            </a>
-                            <a href="{% url 'abonapp:abon_export' group.pk %}" class="btn btn-default btn-modal">
-                                <span class="glyphicon glyphicon-export"></span> {% trans 'Export users' %}
-                            </a>
-                        </td>
-                    </tr>
-                    </tfoot>
                 </table>
+                </div>
+                <div class="panel-footer btn-group btn-group-sm">
+                    {% if perms.abonapp.add_abon %}
+                        <a href="{% url 'abonapp:add_abon' group.pk %}" class="btn btn-default" title="{% trans 'Add' %}" data-toggle="tooltip">
+                            <span class="glyphicon glyphicon-plus"></span> {% trans 'Add abon' %}
+                        </a>
+                    {% endif %}
+                    <a href="{% url 'abonapp:ch_group_tariff' group.pk %}" class="btn btn-default" title="{% trans 'User groups' %}" data-toggle="tooltip">
+                        <span class="glyphicon glyphicon-subscript"></span> {% trans 'Tariffs in groups' %}
+                    </a>
+                    <a href="{% url 'abonapp:phonebook' group.pk %}" class="btn btn-default btn-modal">
+                        <span class="glyphicon glyphicon-earphone"></span> {% trans 'Phonebook' %}
+                    </a>
+                    <a href="{% url 'abonapp:abon_export' group.pk %}" class="btn btn-default btn-modal">
+                        <span class="glyphicon glyphicon-export"></span> {% trans 'Export users' %}
+                    </a>
+                </div>
             </div>
         </div>
         <div class="col-lg-2 col-md-4">