update pagination code

3 files changed, 22 insertions, 15 deletions

diff --git a/src/base.less b/src/base.less
index 8090c55..01d06bb 100644
--- a/src/base.less
+++ b/src/base.less
@@ -25,11 +25,16 @@ a {
     color: darken(@core-link-color, 25%);
   }
 }
-
+// Disabled state
+&[disabled],
+.disabled {
+  opacity: .5;
+  cursor: default;
+  pointer-events: none;
+}
 
 // Icons
 .btn,
-button,
 .toast,
 .menu {
   .icon {
diff --git a/src/buttons.less b/src/buttons.less
index 5fd5c80..f13aa3c 100644
--- a/src/buttons.less
+++ b/src/buttons.less
@@ -31,12 +31,6 @@
     background-color: darken(@core-color, 5%);
   }
 
-  &[disabled],
-  .disabled {
-    opacity: .5;
-    cursor: default;
-  }
-
   // Button Primary
   &.btn-primary {
     color: #fff;
diff --git a/src/navigation.less b/src/navigation.less
index 8dc5f83..b532961 100644
--- a/src/navigation.less
+++ b/src/navigation.less
@@ -81,24 +81,32 @@
 }
 // Pagination
 .pagination {
+  display: inline-block;
   padding: 1.2rem;
 
   .page-item {
-    float: left;
-    margin-right: .2rem;
-    padding: .1rem .2rem;
+    display: inline;
 
     span {
+      float: left;
       display: inline-block;
-      padding: .7rem .5rem;
+      padding: .5rem .5rem;
     }
     a {
-      display: block;
-      padding: .7rem 1.5rem;
+      float: left;
+      display: inline-block;
+      padding: .4rem 1rem;
+      margin: 0 .2rem;
+      border: .1rem solid transparent;
       border-radius: .3rem;
       text-decoration: none;
+
+      &:hover,
+      &:focus {
+        border-color: @core-color;
+      }
     }
-    
+
     &.active {
       a {
         color: #fff;