Adjust some padding between components

2025-03-02 11:30:36 -05:00
parent e450c5dca3
commit 645eec5d0d
3 changed files with 11 additions and 1 deletions
--- a/pvc-vue/src/components/pages/vms/VMOverview.vue
+++ b/pvc-vue/src/components/pages/vms/VMOverview.vue
@@ -641,7 +641,7 @@ const clearSearch = () => {
 .overview-container {
  display: flex;
  flex-direction: column;
-  gap: 1rem;
+  gap: 0.5rem;
  width: 100%;
 }

--- a/pvc-vue/src/views/Nodes.vue
+++ b/pvc-vue/src/views/Nodes.vue
@@ -39,4 +39,9 @@ defineProps({
  gap: 0.5rem;
  width: 100%;
 }
+
+/* Remove top margin from first child (usually PageTitle) */
+.content-grid > :first-child {
+  margin-top: 0 !important;
+}
 </style>
--- a/pvc-vue/src/views/VMs.vue
+++ b/pvc-vue/src/views/VMs.vue
@@ -40,4 +40,9 @@ const props = defineProps({
  gap: 0.5rem;
  width: 100%;
 }
+
+/* Remove top margin from first child (usually PageTitle) */
+.content-grid > :first-child {
+  margin-top: 0 !important;
+}
 </style>