Update app.py

app.py

@@ -24,7 +24,6 @@ def generate_response(prompt, api_key):
         "top_k": 50
     }
     
-    # API request
     response = requests.post(api_url, headers=headers, json=payload)
     
     if response.status_code == 200:
@@ -33,8 +32,26 @@ def generate_response(prompt, api_key):
         st.error(f"Error: {response.status_code}, {response.text}")
         return None
 
-# Streamlit App
-st.title("AI Title Generator")
+# Custom CSS for centering
+st.markdown(
+    """
+    <style>
+    .title-container {
+        text-align: center;
+        margin-bottom: 20px;
+    }
+    .button-container {
+        display: flex;
+        justify-content: center;
+        margin-top: 20px;
+    }
+    </style>
+    """,
+    unsafe_allow_html=True
+)
+
+# Centered title
+st.markdown('<div class="title-container"><h1>AI Title Generator</h1></div>', unsafe_allow_html=True)
 
 # Input bar for user prompt
 user_input = st.text_area(
@@ -42,7 +59,13 @@ user_input = st.text_area(
     placeholder="e.g., Master AI For Future Jobs"
 )
 
-# Generate button
+# Centered generate button
+generate_button = st.markdown(
+    '<div class="button-container"><button>Generate Titles</button></div>',
+    unsafe_allow_html=True
+)
+
+# Generate button logic
 if st.button("Generate Titles"):
     if user_input.strip():
         with st.spinner("Generating... Please wait!"):
@@ -67,4 +90,3 @@ if st.button("Generate Titles"):
                 st.error(f"Unexpected response format: {e}")
     else:
         st.warning("Please provide input before clicking Generate.")
-