Update app.py

app.py

@@ -62,20 +62,38 @@ col1, col2 = st.columns([1, 3])
 
 with col1:
     st.subheader("Stock Overview")
-    st.dataframe(scores_df_sorted.style.applymap(lambda x: 'background-color: green' if x > 0 
-                                                  else 'background-color: red' if x < 0 else 'none'), height=600)
+    # Adjust styling approach here
+    def color_combined_score(value):
+        """Colors the combined score cell based on its value."""
+        if value > 0:
+            color = 'green'
+        elif value < 0:
+            color = 'red'
+        else:
+            color = 'none'
+        return f'background-color: {color};'
+
+    # Apply the styling function to the 'Combined Score' column only
+    styled_scores_df = scores_df_sorted.style.applymap(color_combined_score, subset=['Combined Score'])
+    st.dataframe(styled_scores_df)
 
 with col2:
     st.subheader("Stock Details")
     ticker_symbol = st.selectbox('Select a stock for details', options=sp500_list)
     if ticker_symbol:
-        stock_data, info = fetch_stock_data(ticker_symbol)
-        comparison, _ = compare_to_index(stock_data, sp500_averages)
-        st.write(f"**{info['longName']}** ({ticker_symbol})")
-        st.write(info['longBusinessSummary'])
-        for ratio, status in comparison.items():
-            st.write(f"{ratio}: {status}")
-
+        with st.spinner(f'Fetching data for {ticker_symbol}...'):
+            stock_data, info = fetch_stock_data(ticker_symbol)
+            comparison, _ = compare_to_index(stock_data, sp500_averages)
+            
+            # Display the company name and its ticker symbol
+            st.markdown(f"**{info.get('longName', 'N/A')}** ({ticker_symbol})")
+            
+            # Display the company's business summary
+            st.write(info.get('longBusinessSummary', 'Description not available.'))
+            
+            # Display each financial ratio and its comparison result
+            for ratio, status in comparison.items():
+                st.text(f"{ratio}: {status}")