dashboard: fix button stacking on lower res

circle/dashboard/templates/dashboard/index-templates.html

@@ -34,7 +34,7 @@
     </div>
     <div class="list-group-item list-group-footer">
       <div class="row">
-        <div class="col-xs-6">
+        <div class="col-xs-5 col-sm-6">
           <form action="{% url "dashboard.views.template-list" %}" method="GET" id="dashboard-template-search-form">
             <div class="input-group input-group-sm">
               <input id="dashboard-group-search-input" name="s" type="text" class="form-control" placeholder="{% trans "Search..." %}" />
@@ -44,7 +44,7 @@
             </div>
           </form>
         </div>
-        <div class="col-xs-6 text-right">
+        <div class="col-xs-7 col-sm-6 text-right">
           <a href="{% url "dashboard.views.template-list" %}" class="btn btn-primary btn-xs">
             <i class="fa fa-chevron-circle-right"></i> {% trans "show all" %}
           </a>

circle/dashboard/templates/dashboard/index-users.html

@@ -22,7 +22,7 @@
     </div>
     <div class="list-group-item list-group-footer text-right">
       <div class="row">
-        <div class="col-xs-6">
+        <div class="col-xs-5 col-sm-6">
           <form action="{% url "dashboard.views.user-list" %}" method="GET" id="dashboard-user-search-form">
             <div class="input-group input-group-sm">
               <input id="dashboard-group-search-input" name="s" type="text" class="form-control" placeholder="{% trans "Search..." %}" />
@@ -32,7 +32,7 @@
             </div>
           </form>
         </div>
-        <div class="col-xs-6 text-right">
+        <div class="col-xs-7 col-sm-6 text-right">
           <a class="btn btn-primary btn-xs" href="{% url "dashboard.views.user-list" %}">
             <i class="fa fa-chevron-circle-right"></i>
             {% if more_users > 0 %}