Update pages/Data Collection.py

pages/Data Collection.py

@@ -12,28 +12,30 @@ st.set_page_config(
 st.markdown("""
     <style>
     body, .stApp {
-        color: #4F4F4F; /* Replace with your desired font color */
-        background-color: #FFFFFF; /* Optional: Set a fixed background color */
+        color: #4F4F4F;
+        background-color: #FFFFFF;
     }
     h1, h2, h3, h4, h5, h6 {
-        color: #BB3385; /* Replace with your heading color */
+        color: #BB3385;
     }
     p {
-        color: #4F4F4F; /* Replace with your paragraph text color */
+        color: #4F4F4F;
     }
     ul li {
-        color: #4F4F4F; /* List item color */
+        color: #4F4F4F;
     }
-    </style>
-""", unsafe_allow_html=True)
-
-st.markdown("""
-    <style>
-    .stApp {
-        background-image: url("https://huggingface.co/spaces/LakshmiHarika/MachineLearning/resolve/main/DALL%C2%B7E%202024-12-03%2023.34.47%20-%20A%20simple%20and%20elegant%20background%20image%20for%20an%20AI-themed%20web%20application.%20The%20background%20should%20feature%20a%20soft%20gradient%20transitioning%20from%20white%20to%20ligh.webp");
-        background-size: cover;
-        background-repeat: no-repeat;
-        background-attachment: fixed;
+    table {
+        font-size: 14px; /* Decreased font size for smaller table */
+        margin: auto;
+        width: 70%; /* Reduced table width */
+        border-collapse: collapse;
+    }
+    th {
+        font-weight: bold;
+        text-align: center;
+    }
+    td {
+        text-align: left;
     }
     </style>
 """, unsafe_allow_html=True)
@@ -105,7 +107,8 @@ if data_type == "Structured Data":
     A database of students with fields like ID, name, age, and gender:
     """)
 
-   student_data = {
+    # Corrected table for the Student database example
+    student_data = {
         "Id": [100, 101, 102, 103],
         "Name": ["Lakshmi Harika", "Varshitha", "Hari Chandan", "Shamitha"],
         "Age": [22, 23, 22, 23],
@@ -117,4 +120,4 @@ if data_type == "Structured Data":
             'selector': 'thead th',
             'props': 'font-weight: bold;'
         }]
-    ).hide(axis="index").to_html(), unsafe_allow_html=True)
+    ).hide(axis="index").to_html(), unsafe_allow_html=True)