Update app.py

app.py

@@ -13,25 +13,6 @@ scope = ["https://spreadsheets.google.com/feeds", "https://www.googleapis.com/au
 creds = ServiceAccountCredentials.from_json_keyfile_name("analog-marking-416002-e369840763fa.json", scope)
 client = gspread.authorize(creds)
 
-st.markdown("""
-    <style>
-    .description-box {
-        background-color: #f0f0f0; /* Light gray background */
-        padding: 10px;
-        border-radius: 10px;
-        margin-bottom: 20px; /* 조정된 여백 */
-    }
-    </style>
-    <div class="description-box">
-        <p> How to use </br> 
-        1. 아래에서 '저연차 팀장', '중간연차 팀장', '고연차 팀장' 중 하나의 버튼을 클릭하여 조언을 제공할 팀장의 연차를 선택해주세요. </br> 
-        2. 버튼을 클릭하면 선택된 연차의 고민이 랜덤으로 표시됩니다. </br> 
-        3. 고민 내용 아래에 위치한 텍스트 입력 창에 조언을 작성한 후, '조언 제출하기' 버튼을 눌러주세요. </br>
-        </p>
-    </div>
-    """, unsafe_allow_html=True)
-
-
 # Google Sheets 문서 열기
 sheet = client.open("generation_streamlit_0302").sheet1
 
@@ -55,7 +36,7 @@ st.markdown("""
         background-color: #f0f0f0; /* Light gray background */
         padding: 10px;
         border-radius: 10px;
-        margin-bottom: 10px;
+        margin-bottom: 20px; /* 조정된 여백 */
     }
     </style>
     """, unsafe_allow_html=True)
@@ -63,6 +44,17 @@ st.markdown("""
 # 헤더 표시
 st.markdown('<div class="header">🏆 다른 팀장 고민해결 도와주기 🏆 </div>', unsafe_allow_html=True)
 
+# 사용자 안내 문구 표시
+st.markdown("""
+    <div class="description-box">
+        <p> How to use </br> 
+        1. 아래에서 '저연차 팀장', '중간연차 팀장', '고연차 팀장' 중 하나의 버튼을 클릭하여 조언을 제공할 팀장의 연차를 선택해주세요. </br> 
+        2. 버튼을 클릭하면 선택된 연차의 고민이 랜덤으로 표시됩니다. </br> 
+        3. 고민 내용 아래에 위치한 텍스트 입력 창에 조언을 작성한 후, '조언 제출하기' 버튼을 눌러주세요. </br>
+        </p>
+    </div>
+    """, unsafe_allow_html=True)
+
 # Load Excel file into DataFrame
 df = pd.read_excel("painpoint2.xlsx")