From b6bac402642e0e2568b0142d03d936e563e1b114 Mon Sep 17 00:00:00 2001
From: Iliana Nikolova <Iliana.Nikolova@telerik.com>
Date: Mon, 12 Jun 2017 15:15:15 +0300
Subject: [PATCH] fix(pager): use relative units for button metrics (#267)

---
 scss/pager/_theme.scss | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/scss/pager/_theme.scss b/scss/pager/_theme.scss
index fe65c88..a886ddc 100644
--- a/scss/pager/_theme.scss
+++ b/scss/pager/_theme.scss
@@ -1,4 +1,7 @@
 @include exports("pager/theme") {
+    $pager-form-line-height-em: $form-line-height * 1em !default;
+    $pager-button-padding-y: .5em !default;
+    $pager-buttons-size: calc(#{$pager-form-line-height-em} + 2px) !default; /// icon button size + 2px border (top and bottom)
 
     // Theme
     .k-pager-wrap {
@@ -36,6 +39,14 @@
             @include border-radius( $border-radius );
         }
 
+        .k-link,
+        .k-state-selected {
+            padding: $pager-button-padding-y;
+            width: $pager-buttons-size;
+            height: $pager-buttons-size;
+            line-height: $pager-buttons-size;
+        }
+
     }
     .k-pager-numbers {