tables.less in less-rails-bootstrap-3.2.0

- old
+ new

@@ -2,11 +2,10 @@
 // Tables
 // --------------------------------------------------
 
 
 table {
-  max-width: 100%;
   background-color: @table-bg;
 }
 th {
   text-align: left;
 }
@@ -14,10 +13,11 @@
 
 // Baseline styles
 
 .table {
   width: 100%;
+  max-width: 100%;
   margin-bottom: @line-height-computed;
   // Cells
   > thead,
   > tbody,
   > tfoot {
@@ -166,15 +166,15 @@
 //
 // Wrap your tables in `.table-responsive` and we'll make them mobile friendly
 // by enabling horizontal scrolling. Only applies <768px. Everything above that
 // will display normally.
 
-@media (max-width: @screen-xs-max) {
-  .table-responsive {
+.table-responsive {
+  @media screen and (max-width: @screen-xs-max) {
     width: 100%;
     margin-bottom: (@line-height-computed * 0.75);
     overflow-y: hidden;
-    overflow-x: scroll;
+    overflow-x: auto;
     -ms-overflow-style: -ms-autohiding-scrollbar;
     border: 1px solid @table-border-color;
     -webkit-overflow-scrolling: touch;
 
     // Tighten up spacing