🎨

packages/client/src/pages/admin/overview.federation.vue

@@ -97,8 +97,8 @@ onMounted(async () => {
 		> .pies {
 			display: grid;
 			grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
-			grid-gap: 16px;
-			margin-bottom: 16px;
+			grid-gap: 12px;
+			margin-bottom: 12px;
 
 			> .pie {
 				position: relative;
@@ -127,7 +127,7 @@ onMounted(async () => {
 		> .items {
 			display: grid;
 			grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
-			grid-gap: 16px;
+			grid-gap: 12px;
 
 			> .item {
 				display: flex;

packages/client/src/pages/admin/overview.queue.vue

@@ -109,7 +109,7 @@ onUnmounted(() => {
 		> .charts {
 			display: grid;
 			grid-template-columns: 1fr 1fr;
-			gap: 16px;
+			gap: 12px;
 
 			> .chart {
 				min-width: 0;

packages/client/src/pages/admin/overview.stats.vue

@@ -82,7 +82,7 @@ onMounted(async () => {
 .root {
 	display: grid;
 	grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
-	grid-gap: 16px;
+	grid-gap: 12px;
 
 	&:global {
 		> .item {