From 2465dc50f0c07f1c5264260ecb54cfd9bcba8c8c Mon Sep 17 00:00:00 2001
From: root <root@git.maharshi.ninja>
Date: Sat, 1 Jan 2022 11:42:17 +0530
Subject: [PATCH] Fix grid margins on phones

---
 src/components/Grid/GridRow.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/Grid/GridRow.vue b/src/components/Grid/GridRow.vue
index 65e80ed..0e7cb34 100644
--- a/src/components/Grid/GridRow.vue
+++ b/src/components/Grid/GridRow.vue
@@ -1,5 +1,5 @@
 <template>
-    <div :class="$vuetify.breakpoint.mdAndUp ? 'grid' : undefined">
+    <div :class="$vuetify.breakpoint.mdAndUp ? 'grid' : 'grid-mobile'">
         <slot />
     </div>
 </template>
@@ -21,6 +21,10 @@ export default {
     grid-gap: 16px;
 }
 
+.grid-mobile * {
+    margin-bottom: 8px;
+}
+
 .grid-col {
     max-width: 100%;
 }