Enhance tab styling and move display options into an expander

app.py

@@ -55,6 +55,37 @@ fd_columns = ['PG1', 'PG2', 'SG1', 'SG2', 'SF1', 'SF2', 'PF1', 'PF2', 'C1', 'sal
 
 roo_format = {'Top_finish': '{:.2%}', 'Top_5_finish': '{:.2%}', 'Top_10_finish': '{:.2%}', '20+%': '{:.2%}', '4x%': '{:.2%}', '5x%': '{:.2%}', '6x%': '{:.2%}', 'GPP%': '{:.2%}'}
 
+st.markdown("""
+<style>
+    /* Tab styling */
+    .stTabs [data-baseweb="tab-list"] {
+        gap: 8px;
+        padding: 4px;
+    }
+
+    .stTabs [data-baseweb="tab"] {
+        height: 50px;
+        white-space: pre-wrap;
+        background-color: #FFD700;
+        color: white;
+        border-radius: 10px;
+        gap: 1px;
+        padding: 10px 20px;
+        font-weight: bold;
+        transition: all 0.3s ease;
+    }
+
+    .stTabs [aria-selected="true"] {
+        background-color: #DAA520;
+        color: white;
+    }
+
+    .stTabs [data-baseweb="tab"]:hover {
+        background-color: #DAA520;
+        cursor: pointer;
+    }
+</style>""", unsafe_allow_html=True)
+
 @st.cache_data(ttl=60)
 def load_overall_stats():
     collection = db["DK_Player_Stats"] 
@@ -299,56 +330,56 @@ with tab1:
                 for key in st.session_state.keys():
                     del st.session_state[key]
 
-        # Second row - main options
-        col1, col2, col3, col4 = st.columns(4)
-        with col1:
-            view_var2 = st.radio("View Type", ('Simple', 'Advanced'), key='view_var2')
-        with col2:
-            site_var2 = st.radio("Site", ('Draftkings', 'Fanduel'), key='site_var2')
-
-            # Process site selection
-            if site_var2 == 'Draftkings':
-                site_baselines = roo_raw[roo_raw['site'] == 'Draftkings']
-                site_backlog = roo_backlog[roo_backlog['site'] == 'Draftkings']
-            elif site_var2 == 'Fanduel':
-                site_baselines = roo_raw[roo_raw['site'] == 'Fanduel']
-                site_backlog = roo_backlog[roo_backlog['site'] == 'Fanduel']
-        with col3:
-            slate_split = st.radio("Slate Type", ('Main Slate', 'Secondary', 'Backlog'), key='slate_split')
-
-            if slate_split == 'Main Slate':
-                raw_baselines = site_baselines[site_baselines['slate'] == 'Main Slate']
-            elif slate_split == 'Secondary':
-                raw_baselines = site_baselines[site_baselines['slate'] == 'Secondary Slate']
-            elif slate_split == 'Backlog':
-                raw_baselines = site_backlog
-                # Third row - backlog options
-                col1, col2 = st.columns(2)
-                with col1:
-                    view_all = st.checkbox("View all dates?", key='view_all')
-                with col2:
-                    if not view_all:
-                        date_var2 = st.date_input("Select date", key='date_var2')
-                
-                if view_all:
-                    raw_baselines = raw_baselines.sort_values(by=['Median', 'Date'], ascending=[False, False])
+        with st.expander("Display Options"):
+            col1, col2, col3, col4 = st.columns(4)
+            with col1:
+                view_var2 = st.radio("View Type", ('Simple', 'Advanced'), key='view_var2')
+            with col2:
+                site_var2 = st.radio("Site", ('Draftkings', 'Fanduel'), key='site_var2')
+
+                # Process site selection
+                if site_var2 == 'Draftkings':
+                    site_baselines = roo_raw[roo_raw['site'] == 'Draftkings']
+                    site_backlog = roo_backlog[roo_backlog['site'] == 'Draftkings']
+                elif site_var2 == 'Fanduel':
+                    site_baselines = roo_raw[roo_raw['site'] == 'Fanduel']
+                    site_backlog = roo_backlog[roo_backlog['site'] == 'Fanduel']
+            with col3:
+                slate_split = st.radio("Slate Type", ('Main Slate', 'Secondary', 'Backlog'), key='slate_split')
+
+                if slate_split == 'Main Slate':
+                    raw_baselines = site_baselines[site_baselines['slate'] == 'Main Slate']
+                elif slate_split == 'Secondary':
+                    raw_baselines = site_baselines[site_baselines['slate'] == 'Secondary Slate']
+                elif slate_split == 'Backlog':
+                    raw_baselines = site_backlog
+                    # Third row - backlog options
+                    col1, col2 = st.columns(2)
+                    with col1:
+                        view_all = st.checkbox("View all dates?", key='view_all')
+                    with col2:
+                        if not view_all:
+                            date_var2 = st.date_input("Select date", key='date_var2')
+                    
+                    if view_all:
+                        raw_baselines = raw_baselines.sort_values(by=['Median', 'Date'], ascending=[False, False])
+                    else:
+                        raw_baselines = raw_baselines[raw_baselines['Date'] == date_var2.strftime('%m-%d-%Y')]
+                        raw_baselines = raw_baselines.sort_values(by='Median', ascending=False)
+            
+            with col4:
+                split_var2 = st.radio("Slate Range", ('Full Slate Run', 'Specific Games'), key='split_var2')
+                if split_var2 == 'Specific Games':
+                    team_var2 = st.multiselect('Select teams for ROO', options=raw_baselines['Team'].unique(), key='team_var2')
                 else:
-                    raw_baselines = raw_baselines[raw_baselines['Date'] == date_var2.strftime('%m-%d-%Y')]
-                    raw_baselines = raw_baselines.sort_values(by='Median', ascending=False)
-        
-        with col4:
-            split_var2 = st.radio("Slate Range", ('Full Slate Run', 'Specific Games'), key='split_var2')
-            if split_var2 == 'Specific Games':
-                team_var2 = st.multiselect('Select teams for ROO', options=raw_baselines['Team'].unique(), key='team_var2')
-            else:
-                team_var2 = raw_baselines.Team.values.tolist()
-
-        pos_var2 = st.selectbox('Position Filter', options=['All', 'PG', 'SG', 'SF', 'PF', 'C'], key='pos_var2')
-        col1, col2 = st.columns(2)
-        with col1:
-            low_salary = st.number_input('Enter Lowest Salary', min_value=3000, max_value=15000, value=3000, step=100, key='low_salary')
-        with col2:
-            high_salary = st.number_input('Enter Highest Salary', min_value=3000, max_value=15000, value=15000, step=100, key='high_salary')
+                    team_var2 = raw_baselines.Team.values.tolist()
+
+            pos_var2 = st.selectbox('Position Filter', options=['All', 'PG', 'SG', 'SF', 'PF', 'C'], key='pos_var2')
+            col1, col2 = st.columns(2)
+            with col1:
+                low_salary = st.number_input('Enter Lowest Salary', min_value=3000, max_value=15000, value=3000, step=100, key='low_salary')
+            with col2:
+                high_salary = st.number_input('Enter Highest Salary', min_value=3000, max_value=15000, value=15000, step=100, key='high_salary')
     
     display_container_1 = st.empty()
     display_dl_container_1 = st.empty()