Update Streamlit app styling and layout by modifying tab and button styles for improved visual consistency. Adjust column layout for data loading options, enhancing user experience and interface clarity.

src/streamlit_app.py

@@ -31,13 +31,12 @@ fd_columns = ['FLEX1', 'FLEX2', 'FLEX3', 'FLEX4', 'FLEX5', 'FLEX6', 'salary', 'p
 st.markdown("""
 <style>
     /* Tab styling */
-    .stTabs [data-baseweb="tab-list"] {
+    .stElementContainer [data-baseweb="button-group"] {
         gap: 8px;
         padding: 4px;
     }
-
-    .stTabs [data-baseweb="tab"] {
-        height: 50px;
+    .stElementContainer [kind="segmented_control"] {
+        height: 45px;
         white-space: pre-wrap;
         background-color: #DAA520;
         color: white;
@@ -47,17 +46,22 @@ st.markdown("""
         font-weight: bold;
         transition: all 0.3s ease;
     }
-
-    .stTabs [aria-selected="true"] {
+    .stElementContainer [kind="segmented_controlActive"] {
+        height: 50px;
         background-color: #DAA520;
         border: 3px solid #FFD700;
         color: white;
     }
-
-    .stTabs [data-baseweb="tab"]:hover {
+    .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)
 
 @st.cache_resource(ttl = 60)
@@ -296,7 +300,7 @@ if selected_tab == "Optimals":
             for key in st.session_state.keys():
                 del st.session_state[key]
         
-        col1, col2, col3, col4 = st.columns(5)
+        col1, col2, col3, col4 = st.columns(4)
         with col1:
             slate_var1 = st.radio("Which data are you loading?", ('Regular', 'Showdown'))
             if slate_var1 == 'Regular':