From 5956ad9b57661645e7d9ac379bab8446e4aaa359 Mon Sep 17 00:00:00 2001
From: Eric Fleming <eric-fleming18@hotmail.com>
Date: Tue, 19 Feb 2019 21:54:03 -0500
Subject: [PATCH] Fixing pager styles

---
 src/Web/Pages/Shared/_pagination.cshtml       |  4 +-
 src/Web/compilerconfig.json                   |  4 ++
 .../css/catalog/catalog.component.scss        |  2 +-
 .../css/shared/components/pager/pager.css     | 47 +++++++------------
 .../css/shared/components/pager/pager.min.css |  2 +-
 .../css/shared/components/pager/pager.scss    |  4 +-
 6 files changed, 26 insertions(+), 37 deletions(-)

diff --git a/src/Web/Pages/Shared/_pagination.cshtml b/src/Web/Pages/Shared/_pagination.cshtml
index ab5ecee..f79448f 100644
--- a/src/Web/Pages/Shared/_pagination.cshtml
+++ b/src/Web/Pages/Shared/_pagination.cshtml
@@ -5,7 +5,7 @@
 		<article class="esh-pager-wrapper row">
 			<nav>
 				<div class="col-md-2 col-xs-12">
-					<a class="esh-pager-item-left esh-pager-item--navigable @Model.Previous"
+					<a class="esh-pager-item-left esh-pager-item--navigable esh-pager-item @Model.Previous"
 					   id="Previous"
 					   asp-route-pageid="@(Model.ActualPage - 1)"
 					   aria-label="Previous">
@@ -20,7 +20,7 @@
 				</div>
 		        
 				<div class="col-md-2 col-xs-12">
-					<a class="esh-pager-item-right esh-pager-item--navigable @Model.Next"
+					<a class="esh-pager-item-right esh-pager-item--navigable esh-pager-item @Model.Next"
 					   id="Next"
 					   asp-route-pageid="@(Model.ActualPage + 1)"
 					   aria-label="Next">
diff --git a/src/Web/compilerconfig.json b/src/Web/compilerconfig.json
index 877d1b4..7f08acf 100644
--- a/src/Web/compilerconfig.json
+++ b/src/Web/compilerconfig.json
@@ -26,5 +26,9 @@
   {
     "outputFile": "wwwroot/css/_variables.css",
     "inputFile": "wwwroot/css/_variables.scss"
+  },
+  {
+    "outputFile": "wwwroot/css/shared/components/pager/pager.css",
+    "inputFile": "wwwroot/css/shared/components/pager/pager.scss"
   }
 ]
\ No newline at end of file
diff --git a/src/Web/wwwroot/css/catalog/catalog.component.scss b/src/Web/wwwroot/css/catalog/catalog.component.scss
index 554cd93..3bc7625 100644
--- a/src/Web/wwwroot/css/catalog/catalog.component.scss
+++ b/src/Web/wwwroot/css/catalog/catalog.component.scss
@@ -151,4 +151,4 @@
             content: '$';
         }
     }
-}
+}
\ No newline at end of file
diff --git a/src/Web/wwwroot/css/shared/components/pager/pager.css b/src/Web/wwwroot/css/shared/components/pager/pager.css
index 9ca8550..227cafe 100644
--- a/src/Web/wwwroot/css/shared/components/pager/pager.css
+++ b/src/Web/wwwroot/css/shared/components/pager/pager.css
@@ -1,35 +1,20 @@
 .esh-pager-wrapper {
   padding-top: 1rem;
-  text-align: center;
-}
+  text-align: center; }
 
 .esh-pager-item {
-  margin: 0 5vw;
-}
-
-.esh-pager-item.is-disabled {
-  opacity: 0;
-  pointer-events: none;
-}
-
-.esh-pager-item--navigable {
-  cursor: pointer;
-  display: inline-block;
-}
-
-.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 2.5vw;
-  }
-}
-
+  margin: 0 5vw; }
+  .esh-pager-item.is-disabled {
+    opacity: .5;
+    pointer-events: none; }
+  .esh-pager-item--navigable {
+    cursor: pointer;
+    display: inline-block; }
+    .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 2.5vw; } }
diff --git a/src/Web/wwwroot/css/shared/components/pager/pager.min.css b/src/Web/wwwroot/css/shared/components/pager/pager.min.css
index 79a734e..ea4ff88 100644
--- a/src/Web/wwwroot/css/shared/components/pager/pager.min.css
+++ b/src/Web/wwwroot/css/shared/components/pager/pager.min.css
@@ -1 +1 @@
-.esh-pager-wrapper{padding-top:1rem;text-align:center;}.esh-pager-item{margin:0 5vw;}.esh-pager-item.is-disabled{opacity:0;pointer-events:none;}.esh-pager-item--navigable{cursor:pointer;display:inline-block;}.esh-pager-item--navigable:hover{color:#83d01b;}@media screen and (max-width:1280px){.esh-pager-item{font-size:.85rem;}}@media screen and (max-width:1024px){.esh-pager-item{margin:0 2.5vw;}}
\ No newline at end of file
+.esh-pager-wrapper{padding-top:1rem;text-align:center;}.esh-pager-item{margin:0 5vw;}.esh-pager-item.is-disabled{opacity:.5;pointer-events:none;}.esh-pager-item--navigable{cursor:pointer;display:inline-block;}.esh-pager-item--navigable:hover{color:#83d01b;}@media screen and (max-width:1280px){.esh-pager-item{font-size:.85rem;}}@media screen and (max-width:1024px){.esh-pager-item{margin:0 2.5vw;}}
\ No newline at end of file
diff --git a/src/Web/wwwroot/css/shared/components/pager/pager.scss b/src/Web/wwwroot/css/shared/components/pager/pager.scss
index b94f119..fcd835a 100644
--- a/src/Web/wwwroot/css/shared/components/pager/pager.scss
+++ b/src/Web/wwwroot/css/shared/components/pager/pager.scss
@@ -12,7 +12,7 @@
         margin: 0 $margin;
 
         &.is-disabled {
-            opacity: 0;
+            opacity: .5;
             pointer-events: none;
         }
 
@@ -33,4 +33,4 @@
             margin: 0 $margin / 2;
         }
     }
-}
+}
\ No newline at end of file