Update app.py

app.py

@@ -12,7 +12,7 @@ import psutil
 
 st.set_page_config(layout="wide")
 
-# CSS with modifications for video centering and upload button hover effect
+# CSS with added styling for checkbox visibility
 st.markdown("""
 <style>
 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap');
@@ -203,6 +203,20 @@ input[type="file"]:hover {
     opacity: 1;
 }
 
+/* Checkbox Styling */
+.stCheckbox {
+    margin: 1rem 0;
+    padding: 0.5rem;
+    background-color: #f8f9fa;
+    border-radius: 0.5rem;
+    border: 1px solid #2196f3;
+}
+.stCheckbox label {
+    font-size: 1.1rem;
+    font-weight: 500;
+    color: #1a1a1a;
+}
+
 /* Footer */
 footer {
     background: #1a1a1a;
@@ -531,8 +545,11 @@ def main():
             st.session_state['language_code'] = language_code
             chunk_duration = st.number_input("Duration per chunk (seconds):", min_value=1.0, step=0.1, value=10.0)
             if language_code == "ur":
-                translate_to_english = st.checkbox("Generate English translation", key="translate_checkbox")
-                st.session_state['translate_to_english'] = translate_to_english
+                st.markdown("### Translation Option")
+                with st.container():
+                    st.write("Debug: Rendering English translation checkbox for Urdu video.")
+                    translate_to_english = st.checkbox("Generate English translation", key="translate_checkbox")
+                    st.session_state['translate_to_english'] = translate_to_english
             else:
                 st.session_state['translate_to_english'] = False
             if st.form_submit_button("Process"):
@@ -724,7 +741,7 @@ def main():
                 <input type="email" id="email" placeholder="Your email address" style="width: 100%; padding: 0.75rem; background-color:white; color:white; border-radius: 0.5rem; border: 1px solid #e0e0e0;">
             </div>
             <div style="margin-bottom: 1rem;">
-                <label for="message" style="display: block; margin-bottom: 0.5rem; font-weight: 500;">MessageTwenty-first</label>
+                <label for="message" style="display: block; margin-bottom: 0.5rem; font-weight: 500;">Message</label>
                 <textarea id="message" rows="5" placeholder="Your message" style="width: 100%; padding: 0.75rem; border-radius: 0.5rem; background-color:white; color:white; border: 1px solid #e0e0e0;"></textarea>
             </div>
             <button onclick="alert('Message sent successfully!')" style="background: linear-gradient(135deg, #ff6f61, #ff8a65); color: white; font-weight: 600; padding: 0.75rem 1.5rem; border-radius: 0.5rem; border: none; cursor: pointer; width: 100%;">Send Message</button>