Enhance UI by adding custom styles for segmented controls and select elements in app.py, improving user experience and visual consistency.

app.py

@@ -34,6 +34,43 @@ all_column_stack_sports = ['LOL', 'NCAAF', 'WNBA', 'NBA', 'CS2']
 player_wrong_names_mlb = ['Enrique Hernandez', 'Joseph Cantillo', 'Mike Soroka', 'Jakob Bauers', 'Temi Fágbénlé']
 player_right_names_mlb = ['Kike Hernandez', 'Joey Cantillo', 'Michael Soroka', 'Jake Bauers', 'Temi Fagbenle']
 
+st.markdown("""
+<style>
+    /* Tab styling */
+    .stElementContainer [data-baseweb="button-group"] {
+        gap: 2.000rem;
+        padding: 4px;
+    }
+    .stElementContainer [kind="segmented_control"] {
+        height: 2.000rem;
+        white-space: pre-wrap;
+        background-color: #DAA520;
+        color: white;
+        border-radius: 20px;
+        gap: 1px;
+        padding: 10px 20px;
+        font-weight: bold;
+        transition: all 0.3s ease;
+    }
+    .stElementContainer [kind="segmented_controlActive"] {
+        height: 3.000rem;
+        background-color: #DAA520;
+        border: 3px solid #FFD700;
+        border-radius: 10px;
+        color: black;
+    }
+    .stElementContainer [kind="segmented_control"]:hover {
+        background-color: #FFD700;
+        cursor: pointer;
+    }
+
+    div[data-baseweb="select"] > div {
+        background-color: #DAA520;
+        color: white;
+    }
+
+</style>""", unsafe_allow_html=True)
+
 def create_position_export_dict(column_name, csv_file, site_var, type_var, sport_var):
     try:
         # Remove any numbers from the column name to get the position
@@ -143,8 +180,17 @@ with st.container():
         elif type_var == 'Showdown':
             salary_max = 60000
 
-tab1, tab2 = st.tabs(["Data Load", "Manage Portfolio"])
-with tab1:
+selected_tab = st.segmented_control(
+    "Select Tab",
+    options=["Data Load", "Manage Portfolio"],
+    selection_mode='single',
+    default='Data Load',
+    width='content',
+    label_visibility='collapsed',
+    key='tab_selector'
+)
+
+if selected_tab == 'Data Load':
     if st.button('Clear data', key='reset1'):
         st.session_state.clear()
     # Add file uploaders to your app
@@ -1007,7 +1053,7 @@ with tab1:
 #                 use_container_width=True
 #             )
 
-with tab2:
+if selected_tab == 'Manage Portfolio':
     if 'origin_portfolio' in st.session_state and 'projections_df' in st.session_state:
         with st.container():
             col1, col2 = st.columns(2)