diff --git a/pvc-vue/src/components/pages/vms/VMOverview.vue b/pvc-vue/src/components/pages/vms/VMOverview.vue index 7fb561e..9952908 100644 --- a/pvc-vue/src/components/pages/vms/VMOverview.vue +++ b/pvc-vue/src/components/pages/vms/VMOverview.vue @@ -643,16 +643,14 @@ const formatStorage = (sizeGB) => { .overview-container { display: flex; flex-direction: column; - gap: 0.5rem; + gap: 1rem; width: 100%; } .vm-controls-container { background-color: white; - border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; - padding: 0.5rem; - margin-bottom: 0.5rem; + padding: 1rem; } .controls-row { @@ -725,10 +723,8 @@ const formatStorage = (sizeGB) => { /* VM List styles */ .vm-list-container { background-color: white; - border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; overflow: hidden; - margin-bottom: 0.5rem; } .vm-list { @@ -817,6 +813,8 @@ const formatStorage = (sizeGB) => { .no-vm-selected { text-align: center; padding: 2rem; + background-color: white; + border-radius: 0.25rem; } /* VM Details */ @@ -826,7 +824,6 @@ const formatStorage = (sizeGB) => { gap: 1rem; padding: 1rem; background-color: white; - border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; } @@ -875,10 +872,9 @@ const formatStorage = (sizeGB) => { right: 0; z-index: 1000; min-width: 250px; - padding: 0.75rem; - margin-top: 0.25rem; + padding: 1rem; + margin-top: 0.5rem; background-color: white; - border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); }