src/rails_admin/styles/base/theming.scss in rails_admin-3.1.0.beta vs src/rails_admin/styles/base/theming.scss in rails_admin-3.1.0.rc

@@ -17,32 +17,36 @@
     .edit_user_root_link {
       position: relative;
 
       img {
         position: absolute;
-        top: ((40px - $avatar-size) / 2);
+        top: calc((40px - $avatar-size) / 2);
 
         & + span {
           margin-left: ($avatar-size + 5px);
         }
       }
     }
   }
 
   /* Sidebar navigation */
-  .btn-toggle-nav {
+  .sidebar.btn-toggle-nav {
     padding: 0;
 
-    .dropdown-header {
-      padding: ($grid-gutter-width / 2) ($grid-gutter-width / 2) 3px;
+    .btn-toggle {
+      margin-top: calc(#{$grid-gutter-width} / 2);
+      padding: 3px calc(#{$grid-gutter-width} / 2);
       font-weight: bold;
+      color: $gray-600;
+    }
+
+    .btn-toggle[aria-expanded="true"] {
       color: $gray-700;
-      text-transform: uppercase;
     }
 
-    > li > a {
-      padding: ($navbar-padding-y / 2) ($grid-gutter-width / 2);
+    .btn-toggle-nav > li > a {
+      padding: calc(#{$navbar-padding-y} / 2) calc(#{$grid-gutter-width} / 2);
 
       &.active {
         background-color: map-get($theme-colors, primary);
         color: color-contrast(map-get($theme-colors, primary));
       }
@@ -311,14 +315,17 @@
       &.headerSortDown {
         background-color: $table-bg-header-sort;
       }
     }
   }
+  .pagination .page-item {
+    white-space: nowrap;
+  }
 }
 
 @media screen and (min-width: map-get($grid-breakpoints, "sm")) {
   body.rails_admin {
-    .btn-toggle-nav {
+    .sidebar.btn-toggle-nav {
       position: fixed;
       top: $nav-link-height + $navbar-padding-y * 2;
       bottom: 0;
       overflow-y: auto;
     }