Changed CSS for top steps group

app.py

@@ -761,7 +761,8 @@ soft = gr.themes.Soft(
     button_primary_background_fill='*primary_400'
 )
 
-css_adds = "#group_row {background: white; border-color: white;} \
+css_adds = "#top_steps_grp {background: white; overflow: scroll; flex-direction: row;}
+            #group_row {background: white; border-color: white;} \
                #attribute_row {background: white; border-color: white;} \
                #tested_model_row {background: white; border-color: white;} \
                #button_row {background: white; border-color: white} \
@@ -811,7 +812,7 @@ css_adds = "#group_row {background: white; border-color: white;} \
 with gr.Blocks(theme=soft, title="Social Bias Testing in Language Models",
                css=css_adds) as iface:
     with gr.Row():
-        with gr.Group():
+        with gr.Group(elem_id="top_steps_grp"):
             s1_btn = gr.Button(value="Step 1: Bias Specification", variant="primary", visible=True, interactive=True, size='sm')#.style(size='sm')
             s2_btn = gr.Button(value="Step 2: Test Sentences", variant="secondary", visible=True, interactive=False, size='sm')#.style(size='sm')
             s3_btn = gr.Button(value="Step 3: Bias Testing", variant="secondary", visible=True, interactive=False, size='sm')#.style(size='sm')