Update app.py

app.py

@@ -22,10 +22,10 @@ file = st.file_uploader("", type=["csv"])
 if file is not None:
     # Read the CSV file into a Pandas DataFrame
     df = pd.read_csv(file)
-
+    st.header(f"<span style='font-family: Verdana; font-size: 30px; color: #52565E;'>{len(df)} reviews to analyse!</span>", unsafe_allow_html=True)
     # Write the total number of records
     st.markdown(
-        f'<div style="background-color: #4AA6DD; color: #ffffff; padding: 8px; font-size: 30px; font-family: Verdana; font-weight: bold; text-align: center; border-radius: 2rem"> {len(df)} reviews to analyse!</div>',
+        f'<div style="background-color: #4AA6DD; color: #ffffff; padding: 6px; font-size: 20px; font-family: Verdana; font-weight: bold; text-align: center; border-radius: 1rem;margin-top: 10px"> Distribution of Reviews </div>',
         unsafe_allow_html=True
     )
 
@@ -62,7 +62,7 @@ if file is not None:
 
     # Display the sentiment of each review as cards
     st.markdown(
-        f'<div style="background-color: #4AA6DD; color: #ffffff; padding: 6px; font-size: 20px; font-family: Verdana; font-weight: bold; text-align: center; margin-top: 60px; border-radius: 1rem"> What customers said about us</div>',
+        f'<div style="background-color: #4AA6DD; color: #ffffff; padding: 6px; font-size: 20px; font-family: Verdana; font-weight: bold; text-align: center; margin-top: 60px; border-radius: 1rem"> Reviews in depth </div>',
         unsafe_allow_html=True
     )
 
@@ -73,15 +73,19 @@ if file is not None:
     if filter_sentiment != "All":
         df = df[df['sentiment'] == filter_sentiment]
     
+    # Set the max number of rows to display at a time
+    max_rows = 10
+    
     # Create HTML table with no border and centered text
     table_html = (df.style
-                  .set_properties(**{'text-align': 'left','font-size': '15px','font-family': 'Verdana'})
+                  .set_properties(**{'text-align': 'left','font-size': '15px','font-family': 'Verdana','margin-bottom':'60px'})
                   .set_table_styles([{'selector': 'th', 'props': [('border', '0px')]},
                                      {'selector': 'td', 'props': [('border', '0px')]}])
                   .to_html(index=False, escape=False))
     
-    # Display the table and the selectbox widget beside the title
-    st.write(table_html, unsafe_allow_html=True)
+    # Wrap the table inside a div with a fixed height and scrollable content
+    st.write(f'<div style="height: {max_rows*30}px; overflow-y: scroll;">{table_html}</div>', unsafe_allow_html=True)
+
 
 
     def convert_df(df):