From 7c3e219a6f2475c2d56edcc9a5a31ad11d9c9306 Mon Sep 17 00:00:00 2001
From: Kunthawat Greethong <kunthawat@Kunthawats-MacBook-Pro.local>
Date: Wed, 17 Jun 2026 21:58:00 +0700
Subject: [PATCH] fix: CSS syntax error in survey-env-warning placement

---
 frontend/src/components/Step5Interaction.vue | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/frontend/src/components/Step5Interaction.vue b/frontend/src/components/Step5Interaction.vue
index 7aa51a2..44042dc 100644
--- a/frontend/src/components/Step5Interaction.vue
+++ b/frontend/src/components/Step5Interaction.vue
@@ -2172,7 +2172,10 @@ watch(() => props.simulationId, (newId) => {
 
 /* Survey Container */
 .survey-container {
-  /* env warning */
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
 }
 
 .survey-env-warning {
@@ -2184,11 +2187,6 @@ watch(() => props.simulationId, (newId) => {
   margin-bottom: 12px;
   font-size: 0.85rem;
 }
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-}
 
 .survey-setup {
   flex: 1;