Tune mobile

jet/static/jet/css/_changeform.scss

@@ -589,7 +589,7 @@ body.popup .submit-row {
 .inline-group {
   .tabular {
     overflow-x: auto;
-    overflow-scrolling: touch;
+    -webkit-overflow-scrolling: touch;
 
     table {
       box-shadow: none;

jet/static/jet/css/_changelist.scss

@@ -12,10 +12,9 @@
 
   .results {
     overflow-x: auto;
-    overflow-scrolling: touch;
+    -webkit-overflow-scrolling: touch;
 
     @include for-mobile {
-      background: $sidebar-background-color;
       position: relative;
       left: -20px;
       width: calc(100% + 40px);
@@ -99,7 +98,6 @@
 
   @include for-mobile {
     float: none;
-    margin-bottom: 10px;
   }
 
   &.initialized {
@@ -112,8 +110,18 @@
     }
 
     #searchbar {
+      margin-bottom: 2px;
       margin-right: 2px;
       vertical-align: top;
+
+      @include for-mobile {
+        margin-right: 5px;
+        margin-bottom: 5px;
+      }
+
+      @include for-phone {
+        width: 100%;
+      }
     }
 
     input[type="submit"] {
@@ -146,6 +154,11 @@
     margin-bottom: 2px;
     display: inline-block;
 
+    @include for-mobile {
+      margin-right: 5px;
+      margin-bottom: 5px;
+    }
+
     .select2-container--jet {
       min-width: 100px;
     }

jet/static/jet/css/_object-tools.scss

@@ -10,7 +10,6 @@
 
   @include for-mobile {
     text-align: left;
-    margin-bottom: 10px;
   }
 
   .form-row & {