Prepering responsive mode

app/views/console/users/index.phtml

@@ -46,7 +46,7 @@ $limit = 3;
             </div>
 
                 
-            <form class="box padding-small margin-bottom"
+            <form class="box padding-small margin-bottom search"
                 data-service="users.listUsers"
                 data-event="submit"
                 data-param-search="{{router.params.search}}"
@@ -99,7 +99,7 @@ $limit = 3;
                             </thead>
                             <tbody data-ls-loop="project-users.users" data-ls-as="user">
                                 <tr>
-                                    <td>
+                                    <td class="hide">
                                         <img src="" data-ls-attrs="src={{user|gravatar}}" alt="User Avatar" class="avatar pull-start" />
                                     </td>
                                     <td data-title="Name: ">
@@ -185,7 +185,7 @@ $limit = 3;
                 </form>
             </div>
 
-            <form class="box padding-small margin-bottom"
+            <form class="box padding-small margin-bottom search"
                 data-service="teams.listTeams"
                 data-event="submit"
                 data-param-search="{{router.params.search}}"

public/styles/scopes/console.less

@@ -733,4 +733,13 @@
   .prod-feature {
     display: block;
   }
+}
+
+.search {
+
+  @media @phones, @tablets {
+    button {
+      margin-top: 20px;
+    }
+  }
 }

public/styles/tabels.less

@@ -59,9 +59,6 @@ table {
     background: #fbfbfb;
   }
 
-  tr:nth-child(odd) {
-  }
-
   th {
     text-align: @config-start;
     font-weight: normal;
@@ -109,6 +106,10 @@ table {
       border-top: solid 1px @config-color-fade-super;
       padding-top: 12px;
 
+      .hide {
+        display: none;
+      }
+
       thead, tbody, tr, td, th {
         width:100%;
         display: block;
@@ -124,11 +125,11 @@ table {
       }
 
       td, th {
-        padding: 0 10px!important;
-        min-height: 35px;
-        line-height: 35px;
+        padding: 0 20px!important;
         text-overflow: ellipsis;
         white-space: normal;
+        height: 40px;
+        line-height: 40px;
 
         &:first-child, &:last-child {
           padding: 0 10px;