Update css and add autoscroll

app.py

@@ -58,22 +58,20 @@ st.markdown("""
             background-color: #1A1A1A;
             box-shadow: rgba(0, 0, 0, 0.25) 0 8px 15px;
             transform: translateY(-2px);
-            # background-color: #3A6FD8;
-            # color: white;
+            
             
             
         }
         /* From Uiverse.io by e-coders */ 
              
-        .stButton>btn:disabled {
-         pointer-events: none;
-        }
-
+        # .stButton>btn:disabled {
+        #  pointer-events: none;
+        # }
         
-        .stButton>:active {
-         box-shadow: none;
-         transform: translateY(0);
-        }
+        # .stButton>:active {
+        #  box-shadow: none;
+        #  transform: translateY(0);
+        # }
     </style>
 """, unsafe_allow_html=True)
 
@@ -97,38 +95,41 @@ if uploaded_resume and uploaded_job_description:
 
     # Similarity Score Section
     st.markdown("---")
-    st.subheader("Check Resume Similarity")
+    st.subheader("Check Job Match")
 
-    if st.button("Check Similarity Score"):
+    if st.button("Resume-JD Matching"):
+        with st.spinner("Computing Match"):
         similarity_score = similarity_main(resume_path, job_description_path)
-        if isinstance(similarity_score, str) and '%' in similarity_score:
-            similarity_score = float(similarity_score.replace('%', ''))
-            
-            # Display messages based on score range
-            if similarity_score < 50:
-                st.markdown('<p style="color: red; font-weight: bold;">Low chance, need to modify your CV!</p>', unsafe_allow_html=True)
-                pie_colors = ['#FF4B4B', '#E5E5E5']  
-            elif 50 <= similarity_score < 70:
-                st.markdown('<p style="color: red; font-weight: bold;">Good chance but you can improve further!</p>')
-                pie_colors = ['#FFC107', '#E5E5E5']  
-            else:
-                st.markdown('<p style="color: green; font-weight: bold;">Excellent! You can submit your CV.</p>', unsafe_allow_html=True)
-                pie_colors = ['#4CAF50', '#E5E5E5']  
+            if isinstance(similarity_score, str) and '%' in similarity_score:
+                similarity_score = float(similarity_score.replace('%', ''))
+                
+                # Display messages based on score range
+                if similarity_score < 50:
+                    st.markdown('<p style="color: red; font-weight: bold;">Low chance, need to modify your CV!</p>', unsafe_allow_html=True)
+                    pie_colors = ['#FF4B4B', '#E5E5E5']  
+                elif 50 <= similarity_score < 70:
+                    st.markdown('<p style="color: red; font-weight: bold;">Good chance but you can improve further!</p>')
+                    pie_colors = ['#FFC107', '#E5E5E5']  
+                else:
+                    st.markdown('<p style="color: green; font-weight: bold;">Excellent! You can submit your CV.</p>', unsafe_allow_html=True)
+                    pie_colors = ['#4CAF50', '#E5E5E5']  
 
         # Display Score as a Pie Chart
         st.markdown(f"### Similarity Score: {int(similarity_score)}%")
         
         # Pie chart to show similarity
         fig, ax = plt.subplots()
-        ax.pie([similarity_score, 100 - similarity_score], labels=['Match', 'Difference'], autopct='%1.1f%%', startangle=140, colors=['#4B7BE5', '#E5E5E5'])
-        ax.axis('equal')  # Equal aspect ratio ensures that pie is drawn as a circle.
+        # ax.pie([similarity_score, 100 - similarity_score], labels=['Match', 'Difference'], autopct='%1.1f%%', startangle=140, colors=['#4B7BE5', '#E5E5E5'])
+        ax.pie([similarity_score, 100 - similarity_score], labels=['Match', 'Difference'], autopct='%1.1f%%', startangle=140, colors=pie_colors)
+            
+        ax.axis('equal')  
         st.pyplot(fig)
 
     # Generate Tailored Resume Section
     st.markdown("---")
-    st.subheader("Generate Tailored Resume")
+    st.subheader("Tailor Resume")
 
-    if st.button("Generate Tailored Resume"):
+    if st.button("Tailor Resume"):
         with st.spinner("Generating resume..."):
             generated_resume = Gemini_pro_main(resume_path, job_description_path)
             st.subheader("Generated Tailored Resume:")
@@ -136,3 +137,11 @@ if uploaded_resume and uploaded_job_description:
 
 else:
     st.warning("Please upload both the resume and job description files.")
+
+
+#Autoscroll
+st.markdown("""
+    <script>
+        window.scrollTo(0, document.body.scrollHeight);
+    </script>
+""", unsafe_allow_html=True)