Update app.py

app.py

@@ -1129,9 +1129,11 @@ def map_view():
         """, unsafe_allow_html=True)
 
     st.markdown("""
+    <div style="background-color: #f8f9fa; padding: 15px; border-radius: 10px;">
         <p class="warning">مسیر سفر شما به صورت حدودی، از جنوب به غرب تهران است.</p>
         <p class="warning"> لطفاً صفحه را به پایین بکشید. سپس  با توجه به اطلاعاتی که بعد از نقشه دریافت می‌کنید، تصمیم بگیرید که سفر را می‌پذیرید را رد می‌کنید.</p>
         <p class="warning">سپس با کلیک بر دکمه مربوطه به بخش بعدی بروید.</p>
+    </div>
     """, unsafe_allow_html=True)
     st.markdown("### مسیر سفر شما")
     folium_static(create_ride_map(), width=1000 if st.session_state.is_desktop else 800, 
@@ -1178,7 +1180,7 @@ def attention_check1():
     st.markdown("### سوال")
     
     answer = st.radio(
-        "رنگ لوگو و تم رنگی اپلیکیشن رهیار چگونه بود؟",
+        "رنگ لوگو اپلیکیشن رهیار چگونه بود؟",
         ["قرمز", "سبز", "بنفش", "آبی", "فراموش کردم"],
         index=None,
         key="att1_radio"
@@ -1299,16 +1301,16 @@ def random_likert_questions():
         font-size: 5px !important;
     ">
         <div style="flex: 1; font-size: inherit !important;">
-            <h3 style="font-size: 12px !important;">راهنمای پاسخ:</h3>
-            <p style="font-size: inherit !important;">
+            <h4>راهنمای پاسخ:</h4>
+            <p class="little">
                 برای پاسخ به سوالات، با هفت نقطه بین دو سر طیف مواجه خواهید شد.<br>
                 - سمت چپ: کمترین مقدار<br>
                 - سمت راست: بیشترین مقدار
             </p>
-            <p style="font-size: inherit !important;">
+            <p class="little">
                 زیر طیف جعبه‌ای وجود دارد که مقدار پیش‌فرض آن صفر است. با زدن دکمه مثبت و منفی کنار جعبه، این عدد را بین یک تا هفت تنظیم کنید.
             </p>
-            <p style="font-size: inherit !important;">
+            <p class="little">
                 اگر از پاسخ‌هایتان مطمئن هستید، روی دکمه «ادامه» کلیک کنید.
             </p>
         </div>