Chore: UI tweaks to pagination layout for clearer navigation (axllent#568)

Author: axllent

server/ui-src/assets/_bootstrap_variables.scss

@@ -21,3 +21,4 @@ $enable-negative-margins: true;
 $body-color-dark: #e7eaed;
 $offcanvas-border-width: 0;
 $body-color: #080808;
+$btn-disabled-opacity: 0.4;

server/ui-src/components/NavPagination.vue

@@ -85,7 +85,7 @@ export default {
 <template>
 	<select
 		v-model="pagination.limit"
-		class="form-select form-select-sm d-inline w-auto me-2"
+		class="form-select form-select-sm d-inline w-auto me-2 me-xl-3"
 		:disabled="total == 0"
 		@change="changeLimit"
 	>
@@ -98,11 +98,11 @@ export default {
 			<small>of</small>
 			{{ formatNumber(total) }}
 		</template>
-		<span v-else class="text-muted">0 of 0</span>
+		<span v-else class="text-light">0 of 0</span>
 	</small>
 
 	<button
-		class="btn btn-outline-light ms-2 me-1"
+		class="btn btn-outline-light ms-2 ms-xl-3 me-1"
 		:disabled="!canPrev"
 		:title="'View previous ' + pagination.limit + ' messages'"
 		@click="viewPrev"