Refine CSS styles in Streamlit app by adjusting segmented control dimensions and padding for improved visual consistency and user experience.

src/streamlit_app.py

@@ -39,25 +39,26 @@ st.markdown("""
 <style>
     /* Tab styling */
     .stElementContainer [data-baseweb="button-group"] {
-        gap: 8px;
+        gap: 2.000rem;
         padding: 4px;
     }
     .stElementContainer [kind="segmented_control"] {
-        height: 45px;
+        height: 2.000rem;
         white-space: pre-wrap;
         background-color: #DAA520;
         color: white;
-        border-radius: 10px;
+        border-radius: 20px;
         gap: 1px;
         padding: 10px 20px;
         font-weight: bold;
         transition: all 0.3s ease;
     }
     .stElementContainer [kind="segmented_controlActive"] {
-        height: 50px;
+        height: 3.000rem;
         background-color: #DAA520;
         border: 3px solid #FFD700;
-        color: white;
+        border-radius: 10px;
+        color: black;
     }
     .stElementContainer [kind="segmented_control"]:hover {
         background-color: #FFD700;