fix(pagination.less): Correct style pagination in footer info panel.

fix #5749
angular-ui · Mar 27, 2018 · 5ca555a · 5ca555a
1 parent 9e591ba
commit 5ca555a
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 4 deletions.
diff --git a/src/features/pagination/less/pagination.less b/src/features/pagination/less/pagination.less
@@ -3,6 +3,9 @@
 @import (reference) "../../../less/bootstrap/bootstrap";
 
 .ui-grid-pager-panel {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
   position: absolute;
   left: 0;
   bottom: 0;
@@ -13,14 +16,22 @@
 }
 
 .ui-grid-pager-container {
-  display: inline-block;
+  float: left;
 }
 
 .ui-grid-pager-control {
+  padding: 5px 0;
+  display: flex;
+  flex-flow: row nowrap;
+  align-items: center;
   margin-right: 10px;
   margin-left: 10px;
   min-width: 135px;
-  display: inline-block;
+  float: left;
+
+  button, span, input {
+    margin-right: 4px;
+  }
 
   button {
     height: 25px;
@@ -38,7 +49,7 @@
     vertical-align: top;
   }
 
-  .ui-grid-pager-max-pages-number{
+  .ui-grid-pager-max-pages-number {
     vertical-align: bottom;
     > * {
       vertical-align: bottom;
@@ -109,7 +120,8 @@
 }
 
 .ui-grid-pager-row-count-picker {
-  display: inline-block;
+  float: left;
+  padding: 5px 10px;
 
   select {
     #ui-grid-twbs > .form-control;

diff --git a/src/less/footer.less b/src/less/footer.less
@@ -1,3 +1,6 @@
+.ui-grid-footer-info {
+  padding: 5px 10px;
+}
 
 .ui-grid-footer-panel-background {
   background-color: @headerBackgroundColor;