Merge pull request #90 from topcoder-platform/dev

Mobile support and sorting on lists

Author: ajefts

src/app/addmembers/add.html

@@ -10,7 +10,7 @@ <h2>Import Users</h2>
 <div class="wrapper wrapper-content animated fadeInRight">
   <div class="row" ng-controller="addmembers.AddMemberController">
       <div class="col-lg-12">
-          <div class="ibox float-e-margins">
+          <div class="ibox float-e-margins import-form">
               <div class="ibox-title">
                   <div class="row">
                       <form role="form">

src/app/admintool/admintool.html

@@ -84,10 +84,10 @@ <h2>Admins / Copilots / Reviewers</h2>
                     <div class="text-center" ng-show="formSearch.isLoading">
                         <img src="assets/images/loading.gif"/>
                     </div>
-                    <div ng-show="!formSearch.isLoading && formSearch.role && formSearch.usersFound && !users.length">
+                    <div ng-show="!formSearch.isLoading && formSearch.role && formSearch.usersFound && !users.length" class="table-responsive">
                         <p> No users found. </p>
                     </div>
-                    <div ng-show="!formSearch.isLoading && formSearch.role && formSearch.usersFound && users.length">
+                    <div ng-show="!formSearch.isLoading && formSearch.role && formSearch.usersFound && users.length" class="table-responsive">
                         <table class="footable table table-stripped toggle-arrow-tiny"
                                data-sort="true"
                                data-page-size="50">
@@ -135,6 +135,7 @@ <h2>Admins / Copilots / Reviewers</h2>
                             </tfoot>
                         </table>
                     </div>
+                    <!-- table-responsive -->
                 </div>
             </div>
         </div>

src/app/billing_account_resources/billingaccountresources.list.html

@@ -18,7 +18,7 @@
                     <div class="text-center" ng-show="formSearch.isLoading">
                         <img src="assets/images/loading.gif" />
                     </div>
-                    <div ng-show="!formSearch.isLoading">
+                    <div ng-show="!formSearch.isLoading" class="table-responsive">
                         <table class="footable table table-stripped toggle-arrow-tiny" data-page-size="50">
                             <thead>
                                 <tr>
@@ -46,6 +46,7 @@
                             </tfoot>
                         </table>
                     </div>
+                    <!-- table-responsive -->
                 </div>
             </div>
         </div>

src/app/billing_accounts/billingaccounts.list.html

@@ -64,7 +64,7 @@
                     <div class="text-center" ng-show="formSearch.isLoading">
                         <img src="assets/images/loading.gif" />
                     </div>
-                    <div ng-show="!formSearch.isLoading">
+                    <div ng-show="!formSearch.isLoading" class="table-responsive">
                         <table class="footable table table-stripped toggle-arrow-tiny">
                             <thead>
                             <tr>
@@ -131,6 +131,7 @@
                             </tfoot>
                         </table>
                     </div>
+                    <!-- table-responsive -->
                 </div>
             </div>
         </div>

src/app/clients/clients.list.html

@@ -59,7 +59,7 @@
                     <div class="text-center" ng-show="formSearch.isLoading">
                         <img src="assets/images/loading.gif" />
                     </div>
-                    <div ng-show="!formSearch.isLoading">
+                    <div ng-show="!formSearch.isLoading" class="table-responsive">
                         <table class="footable table table-stripped toggle-arrow-tiny">
                             <thead>
                                 <tr>
@@ -116,6 +116,7 @@
                             </tfoot>
                         </table>
                     </div>
+                    <!-- table-responsive -->
                 </div>
             </div>
         </div>