change pagination styles for file matches table

src/app/styles/pages-styles.scss

@@ -4417,6 +4417,7 @@
 		grid-template-columns: 1fr 3fr;
 		gap: 10px;
 		height: 80vh;
+		margin-bottom: 20px;
 
 		.sources-list {
 			display: flex;
@@ -4424,10 +4425,6 @@
 			gap: 15px;
 
 			.source-card {
-				/* background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
-				border-radius: 12px;
-				border: 1px solid v.$border-color-1; */
-
 				background: #fff;
 				border: 1px solid #f3f4f6;
 				border-radius: 20px;
@@ -4441,7 +4438,6 @@
 				cursor: pointer;
 				display: flex;
 				justify-content: space-between;
-				/* flex-direction: column; */
 				opacity: 0.75;
 
 				&:hover {
@@ -4503,6 +4499,12 @@
 		}
 	}
 
+	.sources-list-pagination {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+	}
+
 	.source-status {
 		padding: 4px 10px;
 		border-radius: 6px;
@@ -4696,37 +4698,55 @@
 		}
 	}
 
-	.pagination {
+	.pagination-controls {
 		display: flex;
-		justify-content: start;
-		gap: 4px;
-		margin-top: 20px;
+		align-items: center;
+		gap: 0.5rem;
 
-		&-item {
-			padding: 8px 12px;
-			border-radius: 8px;
-			text-decoration: none;
-			font-weight: 600;
-			background: white;
-			color: #374151;
-			border: 2px solid #e5e7eb;
-			transition: all 0.2s ease;
+		.arrow {
+			padding-left: 0.5rem;
+			padding-right: 0.5rem;
+			padding-top: 0.25rem;
+			padding-bottom: 0.25rem;
+			border: 2px solid v.$border-color-1;
+			border-radius: 10px;
+			box-shadow: 0 1px 2px #0000000d;
+			color: v.$p-color;
 
-			&:disabled {
-				opacity: 0.6;
+			.icon {
+				width: 18px;
 			}
 
 			&:hover {
-				border-color: #667eea;
+				background-color: v.$bg-light;
 			}
 
-			&-active {
-				background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-				color: white;
-				border: 2px solid #667eea;
+			&:disabled {
+				opacity: 0.5;
+				cursor: not-allowed;
+			}
+		}
 
-				&:hover {
-					border-color: #667eea;
+		&-pages {
+			display: flex;
+			align-items: center;
+			gap: 0.25rem;
+
+			button {
+				border: 2px solid v.$border-color-1;
+				padding: 0.25rem 0.75rem;
+				border-radius: 10px;
+				color: v.$p-color;
+
+				&.current {
+					background-color: v.$p-color;
+					color: v.$white;
+				}
+
+				&.other {
+					&:hover {
+						background-color: v.$bg-light;
+					}
 				}
 			}
 		}