From 11a461e981d9fd995ca8938d5feb9779dfa4aa4d Mon Sep 17 00:00:00 2001
From: Tyler Senter <tyler.senter.427@gmail.com>
Date: Thu, 2 Jan 2025 18:04:06 -0500
Subject: [PATCH] chore: Move pagination styling to dedicated file (#324)

---
 packages/design-system/src/custom/_forms.scss | 50 -------------------
 .../design-system/src/custom/_pagination.scss | 50 +++++++++++++++++++
 2 files changed, 50 insertions(+), 50 deletions(-)

diff --git a/packages/design-system/src/custom/_forms.scss b/packages/design-system/src/custom/_forms.scss
index e118d419..7208db0d 100644
--- a/packages/design-system/src/custom/_forms.scss
+++ b/packages/design-system/src/custom/_forms.scss
@@ -111,56 +111,6 @@ input::placeholder {
   opacity: 0.75;
 }
 
-.page-item:not(:first-child) {
-  .dropdown.form-control {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-    border-left-width: 0;
-  }
-
-  .input-group-text {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-
-    input {
-      border: 0;
-      min-width: 2rem;
-      max-width: 3rem;
-      appearance: textfield;
-
-      &::-webkit-outer-spin-button,
-      &::-webkit-inner-spin-button {
-        display: none;
-      }
-    }
-  }
-}
-
-.page-item:not(:last-child) {
-  .dropdown.form-control {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-    border-right-width: 0;
-  }
-
-  .input-group-text {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-
-    input {
-      border: 0;
-      min-width: 2rem;
-      max-width: 3rem;
-      appearance: textfield;
-
-      &::-webkit-outer-spin-button,
-      &::-webkit-inner-spin-button {
-        display: none;
-      }
-    }
-  }
-}
-
 /* Datetime calendar */
 .calendar {
   @extend .text-center;
diff --git a/packages/design-system/src/custom/_pagination.scss b/packages/design-system/src/custom/_pagination.scss
index e853bfcb..a8886207 100644
--- a/packages/design-system/src/custom/_pagination.scss
+++ b/packages/design-system/src/custom/_pagination.scss
@@ -4,3 +4,53 @@
   -webkit-user-select: none;
   user-select: none;
 }
+
+.page-item:not(:first-child) {
+  .dropdown.form-control {
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+    border-left-width: 0;
+  }
+
+  .input-group-text {
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+
+    input {
+      border: 0;
+      min-width: 2rem;
+      max-width: 3rem;
+      appearance: textfield;
+
+      &::-webkit-outer-spin-button,
+      &::-webkit-inner-spin-button {
+        display: none;
+      }
+    }
+  }
+}
+
+.page-item:not(:last-child) {
+  .dropdown.form-control {
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+    border-right-width: 0;
+  }
+
+  .input-group-text {
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+
+    input {
+      border: 0;
+      min-width: 2rem;
+      max-width: 3rem;
+      appearance: textfield;
+
+      &::-webkit-outer-spin-button,
+      &::-webkit-inner-spin-button {
+        display: none;
+      }
+    }
+  }
+}