From b00cf4bb957346ddf2cdad1b71431f46911b0dc8 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Thu, 2 Jan 2025 15:38:23 +0530
Subject: [PATCH] fix: show only one column in mobile view

---
 frontend/src/components/FieldLayout.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/FieldLayout.vue b/frontend/src/components/FieldLayout.vue
index 2e380bd0..033d59d7 100644
--- a/frontend/src/components/FieldLayout.vue
+++ b/frontend/src/components/FieldLayout.vue
@@ -27,7 +27,7 @@
               :class="[section.hideBorder ? 'mt-4' : 'h-px border-t my-5']"
             />
             <Section
-              class="flex gap-4 text-lg font-medium"
+              class="flex sm:flex-row flex-col gap-4 text-lg font-medium"
               :class="{
                 'px-3 sm:px-5': hasTabs,
                 'mt-6': section.label && !section.hideLabel,