From dd2c45f2f1d12785d11c29ae305ad6907db6983b Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Thu, 29 Dec 2022 11:31:52 +0000
Subject: [PATCH] fix: spacing between wrapped environment cards

---
 src/components/Environment/EnvironmentCards.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Environment/EnvironmentCards.vue b/src/components/Environment/EnvironmentCards.vue
index 726d25e..5cb2215 100644
--- a/src/components/Environment/EnvironmentCards.vue
+++ b/src/components/Environment/EnvironmentCards.vue
@@ -1,6 +1,6 @@
 <template>
-  <div class="-mx-4 flex flex-wrap">
-    <div v-for="(environment, key) in application.environments" class="w-full md:w-1/2 xl:w-1/3 px-4" :key="key">
+  <div class="grid gap-6 grid-cols-1 md:grid-cols-2 xl:grid-cols-3">
+    <div v-for="(environment, key) in application.environments" :key="key">
       <div class="border border-gray-400 rounded overflow-hidden shadow">
          <div class="bg-white">
           <div class="border-t-4 border-teal p-3">