Update app.py

app.py

@@ -31,9 +31,10 @@ def analyze_email(email_body):
             return "positive", (f"This email is not spam (Confidence: {spam_confidence:.2f}).\n"
                                 f"Sentiment: {sentiment} (Confidence: {sentiment_confidence:.2f}). No follow-up needed.")
         else:
+            # Using HTML <b> tags to ensure bolding
             return "negative", (f"This email is not spam (Confidence: {spam_confidence:.2f}).\n"
                                 f"Sentiment: {sentiment} (Confidence: {sentiment_confidence:.2f}).\n"
-                                "**Need to Follow-Up**: This email is not spam and has negative sentiment.")
+                                "<b>Need to Follow-Up</b>: This email is not spam and has negative sentiment.")
 
 # Main application function
 def main():
@@ -104,29 +105,36 @@ Sarah
             border: 1px solid #cccccc;
             border-radius: 3px;
         }
-        /* Analyze Email button (larger, orange) */
-        div.stButton > button[kind="primary"] {
+        /* Analyze Email button (orange) */
+        div.stButton > button[key="analyze"] {
             background-color: #FF5733;
             color: white;
             font-size: 18px;
             padding: 12px 24px;
             border: none;
             border-radius: 5px;
-            margin-right: 10px;
+            width: 100%;
+            height: 50px; /* Fixed height for consistency */
+            box-sizing: border-box;
+            text-align: center;
         }
-        div.stButton > button[kind="primary"]:hover {
+        div.stButton > button[key="analyze"]:hover {
             background-color: #E74C3C;
         }
-        /* Clear button (aligned with Analyze, gray) */
-        div.stButton > button[kind="secondary"][key="clear"] {
+        /* Clear button (gray, aligned with Analyze) */
+        div.stButton > button[key="clear"] {
             background-color: #d3d3d3;
             color: #333333;
             font-size: 18px;
             padding: 12px 24px;
             border: none;
             border-radius: 5px;
+            width: 100%;
+            height: 50px; /* Fixed height for consistency */
+            box-sizing: border-box;
+            text-align: center;
         }
-        div.stButton > button[kind="secondary"][key="clear"]:hover {
+        div.stButton > button[key="clear"]:hover {
             background-color: #b0b0b0;
         }
         /* Result boxes */
@@ -178,7 +186,8 @@ Sarah
     # Action buttons layout (Analyze and Clear)
     col_analyze, col_clear = st.columns(2)
     with col_analyze:
-        if st.button("Analyze Email", key="analyze", type="primary"):
+        # Removed type="primary" to rely on custom CSS
+        if st.button("Analyze Email", key="analyze"):
             if email_body:
                 with st.spinner("Analyzing email..."):
                     result_type, result = analyze_email(email_body)
@@ -207,5 +216,4 @@ Sarah
 
 # Run the app
 if __name__ == "__main__":
-    main()
-    
+    main()