From 10ea5f74c9ed3b7e9062a07cbc714b28aa135cc3 Mon Sep 17 00:00:00 2001
From: dsanz <dsanz@plainconcepts.com>
Date: Wed, 1 Mar 2017 15:35:55 +0100
Subject: [PATCH] Add css style for paginator

---
 .../eShopWeb/wwwroot/css/catalog/pager.css    | 34 +++++++++++++++++++
 1 file changed, 34 insertions(+)
 create mode 100644 src/Web/WebMonolithic/eShopWeb/wwwroot/css/catalog/pager.css

diff --git a/src/Web/WebMonolithic/eShopWeb/wwwroot/css/catalog/pager.css b/src/Web/WebMonolithic/eShopWeb/wwwroot/css/catalog/pager.css
new file mode 100644
index 000000000..eec6e3940
--- /dev/null
+++ b/src/Web/WebMonolithic/eShopWeb/wwwroot/css/catalog/pager.css
@@ -0,0 +1,34 @@
+.esh-pager-wrapper {
+    padding-top: 1rem;
+    text-align: center;
+}
+
+.esh-pager-item {
+    margin: 0 5vw;
+}
+
+.esh-pager-item--navigable {
+    display: inline-block;
+    cursor: pointer;
+}
+
+    .esh-pager-item--navigable.is-disabled {
+        opacity: 0;
+        pointer-events: none;
+    }
+
+    .esh-pager-item--navigable:hover {
+        color: #83D01B;
+    }
+
+@media screen and (max-width: 1280px) {
+    .esh-pager-item {
+        font-size: 0.85rem;
+    }
+}
+
+@media screen and (max-width: 1024px) {
+    .esh-pager-item {
+        margin: 0 4vw;
+    }
+}