PageIndexWidget: hide page numbers on smaller screens

public/css/default.css

@@ -46,6 +46,32 @@ a:hover {
 	border-color: #a40d0d;
 }
 
+@media (max-width: 767px) {
+	.pagination {
+		box-shadow: none;
+		height: 52px;
+		display: block;
+		position: relative;
+	}
+	.pagination .page-number, .pagination .page-padding {
+		display: none;
+	}
+	.pagination .page-link {
+		border-radius: var(--bs-pagination-border-radius) !important;
+	}
+	.pagination > :first-child, .pagination > :last-child {
+		box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
+		display: inline-block;
+		position: absolute;
+	}
+	.pagination > :first-child {
+		left: 0;
+	}
+	.pagination > :last-child {
+		right: 0;
+	}
+}
+
 .btn {
 	font-family: 'Coda', sans-serif;
 }