Update app.py

app.py

@@ -4,36 +4,52 @@ import subprocess
 import os
 import re
 
-# Page settings for mobile
+# Page settings
 st.set_page_config(page_title="Video Speed Tool", layout="centered")
 
-# CSS for mobile-friendly design
+# CSS styling for mobile
 st.markdown("""
     <style>
-    /* Center title and make it concise */
+    /* Center title */
     .title-center {
         text-align: center;
         font-size: 1.8em;
         font-weight: bold;
+        margin-bottom: 20px;
     }
-    /* Bold button text */
+    /* Center all buttons */
     div.stButton > button {
         font-weight: bold;
-        width: 100%;
+        width: 80%;
         border-radius: 8px;
         padding: 10px 0;
         font-size: 1.1em;
+        display: block;
+        margin: 0 auto;
     }
-    /* Center elements */
-    .block-container {
-        padding-top: 1rem;
-        padding-bottom: 1rem;
+    /* Center download button */
+    div.stDownloadButton > button {
+        font-weight: bold;
+        width: 80%;
+        border-radius: 8px;
+        padding: 10px 0;
+        font-size: 1.1em;
+        display: block;
+        margin: 0 auto;
+    }
+    /* Bigger + and - buttons in number input */
+    div[data-baseweb="input"] button {
+        width: 40px !important;
+        height: 40px !important;
+        font-size: 1.2em !important;
     }
     </style>
 """, unsafe_allow_html=True)
 
+# Title
 st.markdown('<p class="title-center">🎬 Video Speed Tool</p>', unsafe_allow_html=True)
 
+# Upload file
 uploaded_file = st.file_uploader("Upload video", type=["mp4", "mov", "avi", "mkv"])
 
 # Speed input
@@ -48,7 +64,6 @@ speed = st.number_input(
 if uploaded_file is not None:
     st.video(uploaded_file)
 
-    # Center button
     if st.button("PROCESS VIDEO"):
         with st.spinner("Processing... Please wait"):
             with tempfile.NamedTemporaryFile(delete=False, suffix=".mp4") as tmp_input:
@@ -105,19 +120,7 @@ if uploaded_file is not None:
             # Show processed video
             st.video(output_path)
 
-            # Bold download button
-            st.markdown("""
-                <style>
-                .stDownloadButton button {
-                    font-weight: bold;
-                    width: 100%;
-                    border-radius: 8px;
-                    padding: 10px 0;
-                    font-size: 1.1em;
-                }
-                </style>
-            """, unsafe_allow_html=True)
-
+            # Download button centered
             with open(output_path, "rb") as f:
                 st.download_button(
                     label="DOWNLOAD VIDEO",