From e4d44efea2d88fc4b1bf728054243703ca41195a Mon Sep 17 00:00:00 2001
From: John Mitchell <jlmitch5@ncsu.edu>
Date: Wed, 30 Jan 2019 12:14:48 -0500
Subject: [PATCH] reduce disabled background color to increase contrast w
 border

---
 src/components/Pagination/Pagination.jsx |  2 +-
 src/components/Pagination/styles.scss    | 15 +++++++++------
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/components/Pagination/Pagination.jsx b/src/components/Pagination/Pagination.jsx
index b2ad94a99c..8bbfe6360d 100644
--- a/src/components/Pagination/Pagination.jsx
+++ b/src/components/Pagination/Pagination.jsx
@@ -152,7 +152,7 @@ class Pagination extends Component {
               </div>
               {pageCount !== 1 && (
                 <div className="awx-pagination__page-count">
-                  <div className="pf-c-input-group">
+                  <div className="pf-c-input-group pf-m-previous">
                     <Button
                       className="awx-pagination__page-button"
                       variant="tertiary"
diff --git a/src/components/Pagination/styles.scss b/src/components/Pagination/styles.scss
index 76d5af9d14..3da41d5c7b 100644
--- a/src/components/Pagination/styles.scss
+++ b/src/components/Pagination/styles.scss
@@ -1,7 +1,7 @@
 .awx-pagination {
   --awx-pagination--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
   --awx-pagination--BorderColor: var(--pf-global--BackgroundColor--light-300);
-  --awx-pagination--disabled-BackgroundColor: #EDEDED;
+  --awx-pagination--disabled-BackgroundColor: #f2f2f2;
   --awx-pagination--disabled-Color: #C2C2CA;
 
   border-top: 1px solid var(--awx-pagination--BorderColor);
@@ -18,10 +18,6 @@
   --pf-global--target-size--MinWidth: 30px;
   --pf-global--FontSize--md: 14px;
 
-  .awx-pagination__page-size-selection {
-    // font-weight: normal;
-  }
-
   .awx-pagination__page-size-selection .pf-c-dropdown__toggle {
     font-weight: bold;
     margin-left: 10px;
@@ -72,13 +68,20 @@
   }
   
   .pf-c-input-group {
-    border-right: 1px solid var(--awx-pagination--BorderColor);
     height: 56px;
   }
 
+  .pf-c-input-group.pf-m-previous {
+    border-right: 1px solid var(--awx-pagination--BorderColor);
+  }
+
   .pf-c-input-group .pf-c-button.pf-m-disabled {
     border: 1px solid var(--awx-pagination--BorderColor);
     background-color: var(--awx-pagination--disabled-BackgroundColor);
     color: var(--awx-pagination--disabled-Color);
   }
+
+  .pf-c-input-group.pf-m-previous .pf-c-button.pf-m-disabled {
+    border-right: 0;
+  }
 }